1. Giải thuật sắp xếp số tăng dần-tìm số lớn nhất-xóa phần tử trùng nhau trong PHP
  2. Hướng dẫn kết nối Mysql trong Nodejs
  3. Hướng dẫn tạo Captcha
  4. Hướng dẫn tạo Form Hổ trợ trực tuyến phần 1
  5. Hướng dẫn tạo Form đăng ký thành viên
  6. Hướng dẫn tạo Form đăng nhập hệ thống kết hợp với CSDL
  7. Insert,Update,Delete bằng hướng đối tượng php (phần 1)
  8. insert-update-delete Mysql bằng Nodejs
  9. Register Angularjs and Php
  10. Login remember me Angularjs and Php
  11. Login Remember bằng Php
  12. Tìm kiếm phần tử trong mảng bằng PHP
  13. Tạo giỏ hàng theo mô hình MVC
  14. Login Google using PHP
  15. Upload Image Resize in PHP
  16. Add Ckeditor 5 + Ckfinder 3 to Website Php
  17. Add Ckeditor 5 + Ckfinder 3 to Website PHP + React
  18. Crawler Content after then Insert a Class to Image Url using PHP

Crawler Content after then Insert a Class to Image Url using PHP

min read
Tags: PHP

Hôm nay mình chia sẻ với mọi người. Một cách tìm kiếm hình ảnh và lấy kích thước hình ảnh đó. Để mà tính toán điều kiện để add một tên class đến image đó

Vì sao ta phải làm điều đó, bởi vì, trong ứng dụng ta có rất nhiều trường hợp như:

+ Nội dung bài viết có rất nhiều hình ảnh có kích thước size khác nhau, ta muốn chỉnh sửa một số hình ảnh có size ta quy định, nếu ta dùng CSS để chỉnh thì nó sẽ ảnh hưởng hàng loạt thì không hiệu quả lắm

+ Hay ta thường gắn watermark cho những tấm hình có size lớn, mà trong bài viết có rất nhiều hình, lẽ hình nào ta cũng gắn thì không chính xác, nên ta phải tìm hình có size mà ta gắn cho chính xác

Chính vì một số vấn đề trên, ta sẽ cần add một class đến thẻ img để ta có thể dùng jquery trỏ tới class hình ảnh đó và thao tác các điều kiện mà ta cần, có nhiều cách khác nửa, nhưng nay mình dùng php, bạn nào khác dùng jquery cũng được nhé

Okay, sơ qua các vấn đề trên mình sẽ viết một đoạn code bằng PHP để tìm lấy tất cả hình ảnh trong nội dung bài viết, sao đó, tìm (witdth,height) của từng tấm hình, đúng size thì đưa link hình đó vào một mảng(array), sau đó lấy cái mảng(array) đó dò tìm lại nội dung và thêm "class" tại vị trí tấm hình nếu nó tìm thấy

* kết nối cơ sở dữ liệu và lấy tạm một dữ liệu mẫu trong database test thôi kaka

 $conn = mysqli_connect('localhost', 'root', '', 'hoanguyenit');
        if (!$conn) {
            die('Connect Error (' . mysqli_connect_errno() . ') '
                    . mysqli_connect_error());
        }
        echo 'Success... ' . mysqli_get_host_info($conn) . "\n";
        $sql = "select * from `posts` where id in(167,166)";
        $result = mysqli_query($conn,$sql);
        $array = array();
   
        while($rows = mysqli_fetch_array($result)){
          //  echo "<br />";
            $content =  $rows['content'];
     // echo $content;
           if (preg_match_all('/<img[^>]*src="([^"]+)"/i', $content, $matches)) {
                foreach ($matches[1] as $key => $value) {
                    echo '<pre>';
                    array_push($array,$value);
                    echo '</pre>';
                }
            }
        
        }

Trong đoạn code trên mình while để lặp dữ liệu ra và sử dụng preg_match_all để tìm kiếm lấy tất cả link hình ảnh lưu vào một mảng

* Lấy kích thước từng tấm hình có trong mảng trên

$array_link_img = array();
        if(count($array)>0){
            for($i=0;$i<count($array);$i++){
                list($width, $height) = getimagesize($array[$i]);
                if($width>400 && $height>200){
                    array_push($array_link_img,$array[$i]);
                }
               // echo "width:".$width."/height:".$height;
               // echo "<br/>";
            }
        }

-  $array_link_img = array(); dùng lưu hình ảnh đúng size ta yêu cầu

 list($width, $height) = getimagesize($array[$i]); tìm lấy size tấm hình tại mảng tại potision 

array_push($array_link_img,$array[$i]); nếu hình ảnh có (width>400 vs height>200) ta thêm vào mảng

* Add class đền từng <img src="link" class="abc" /> trong nội dung

 if(count($array_link_img)>0){
            $data_replace = array();
            for($k=0;$k<count($array_link_img);$k++){
               
                 $bien =$array_link_img[$k].'" class="acb"';
                 array_push($data_replace,$bien);
            }
           // print_r($data_replace);
           $result = mysqli_query($conn,$sql);
             while($rows = mysqli_fetch_array($result)){
                 $rows['content'] = str_replace($array_link_img,$data_replace,$rows['content']);
                 echo $rows['content'];
            //   echo "bac";
             }
        }

Trong đoạn code trên ta cần for từng link trong mảng và chỉnh sửa giá trị trong mảng thêm biến class="acb" vào

$data_replace = array();
            for($k=0;$k<count($array_link_img);$k++){
               
                 $bien =$array_link_img[$k].'" class="acb"';
                 array_push($data_replace,$bien);
            }

Tiếp theo ta dùng str_replace để replace lại giá trị của từng link hình tại thẻ <img  />

 $result = mysqli_query($conn,$sql);
             while($rows = mysqli_fetch_array($result)){
                 $rows['content'] = str_replace($array_link_img,$data_replace,$rows['content']);
                 echo $rows['content'];
            
             }

Vậy là xong, giờ bạn có thể viết jquery trỏ tới class tuy ý, không đụng chạm tới các tấm hình khác

FullCode

<?php

        ini_set('display_errors', 1);
        ini_set('display_startup_errors', 1);
        error_reporting(E_ALL);
        $conn = mysqli_connect('localhost', 'root', '', 'hoanguyenit');
        if (!$conn) {
            die('Connect Error (' . mysqli_connect_errno() . ') '
                    . mysqli_connect_error());
        }
        echo 'Success... ' . mysqli_get_host_info($conn) . "\n";
        $sql = "select * from `posts` where id in(167,166)";
        $result = mysqli_query($conn,$sql);
        $array = array();
   
        while($rows = mysqli_fetch_array($result)){
          //  echo "<br />";
            $content =  $rows['content'];
     // echo $content;
           if (preg_match_all('/<img[^>]*src="([^"]+)"/i', $content, $matches)) {
                foreach ($matches[1] as $key => $value) {
                    echo '<pre>';
                    array_push($array,$value);
                    echo '</pre>';
                }
            }
        
        }
      

        /** get size img*/
        $array_link_img = array();
        if(count($array)>0){
            for($i=0;$i<count($array);$i++){
                list($width, $height) = getimagesize($array[$i]);
                if($width>400 && $height>200){
                    array_push($array_link_img,$array[$i]);
                }
               // echo "width:".$width."/height:".$height;
               // echo "<br/>";
            }
        }

        if(count($array_link_img)>0){
            $data_replace = array();
            for($k=0;$k<count($array_link_img);$k++){
               
                 $bien =$array_link_img[$k].'" class="acb"';
                 array_push($data_replace,$bien);
            }
           // print_r($data_replace);
           $result = mysqli_query($conn,$sql);
             while($rows = mysqli_fetch_array($result)){
                 $rows['content'] = str_replace($array_link_img,$data_replace,$rows['content']);
                 echo $rows['content'];
            //   echo "bac";
             }
        }
      

     //  print_r($data_replace);

        
       // mysqli_close($conn);;




?>

Trên là một mẹo để các bạn tùy biến hình ảnh, tùy biến chỉnh sửa những hình ảnh,....

Tags: PHP
x

Ủng hộ tôi bằng cách click vào quảng cáo. Để tôi có kinh phí tiếp tục phát triển Website!(Support me by clicking on the ad. Let me have the money to continue developing the Website!)