百度編輯器Ueditor 增加圖片水印功能的解決方案

百度編輯器竟然沒有找到圖片水印的功能,自己補充進去

修改/editor/php/config.json文件,在第11行後面,增加代碼

"isWaterMark": true,/*水印*/

修改/editor/php/action_upload.php,在上傳配置的代碼中,修改如下

switch (htmlspecialchars($_GET['action'])) {
    case 'uploadimage':
        $config = array(
            "pathFormat" => $CONFIG['imagePathFormat'],
            "maxSize" => $CONFIG['imageMaxSize'],
             .....
        );
        $fieldName = $CONFIG['imageFieldName'];
        $watermark = $CONFIG['isWaterMark'];
        break;

主要增加$watermark = $CONFIG['isWaterMark'];

還是這個php文件,找到實例化上傳類的代碼,改爲下面。

$up = new Uploader($fieldName, $config, $base64,$watermark);

在23行增加私有屬性,

private $water;//水印

修改初始化函數的參數

public function __construct($fileField, $config, $type = "upload",$watermark = false)

在58行增加$this->water = $watermark;

在私有方法upFile的最下方增加一個判斷,判斷是不是要加水印

if( $this->water ){
    $this->watermark($this->filePath,$this->filePath);
}

在這個php類文件的最後面增加一個水印方法

/**
* 圖片加水印
* $source  string  圖片資源
* $target  string  添加水印後的名字
* $w_pos   int     水印位置安排(1-10)【1:左頭頂;2:中間頭頂;3:右頭頂...值空:隨機位置】
* $w_img   string  水印圖片路徑
* $w_text  string  顯示的文字
* $w_font  int     字體大小
* $w_color string  字體顏色
*/
    public function watermark($source, $target = '', $w_pos = '', $w_img = '', $w_text = '德州24小時',$w_font = 10, $w_color = '#CC0000') {
        $this->w_img = '../watermark.png';//水印圖片
        $this->w_pos = 9;
        $this->w_minwidth = 400;//最少寬度
        $this->w_minheight = 200;//最少高度
        $this->w_quality = 80;//圖像質量
        $this->w_pct = 85;//透明度

        $w_pos = $w_pos ? $w_pos : $this->w_pos;
        $w_img = $w_img ? $w_img : $this->w_img;
        if(!$this->check($source)) return false;
        if(!$target) $target = $source;
        $source_info = getimagesize($source);//圖片信息
        $source_w  = $source_info[0];//圖片寬度
        $source_h  = $source_info[1];//圖片高度
        if($source_w < $this->w_minwidth || $source_h < $this->w_minheight) return false;
        switch($source_info[2]) { //圖片類型
            case 1 : //GIF格式
                $source_img = imagecreatefromgif($source);
                break;
            case 2 : //JPG格式
                $source_img = imagecreatefromjpeg($source);
                break;
            case 3 : //PNG格式
                $source_img = imagecreatefrompng($source);
//imagealphablending($source_img,false); //關閉混色模式
                imagesavealpha($source_img,true); //設置標記以在保存 PNG 圖像時保存完整的 alpha 通道信息(與單一透明色相反)
                break;
            default :
                return false;
        }
        if(!empty($w_img) && file_exists($w_img)) { //水印圖片有效
            $ifwaterimage = 1; //標記
            $water_info  = getimagesize($w_img);
            $width    = $water_info[0];
            $height    = $water_info[1];
            switch($water_info[2]) {
                case 1 :
                    $water_img = imagecreatefromgif($w_img);
                    break;
                case 2 :
                    $water_img = imagecreatefromjpeg($w_img);
                    break;
                case 3 :
                    $water_img = imagecreatefrompng($w_img);
                    imagealphablending($water_img,false);
                    imagesavealpha($water_img,true);
                    break;
                default :
                    return;
            }
        }else{
            $ifwaterimage = 0;
            $temp = imagettfbbox(ceil($w_font*2.5), 0, '../../texb.ttf', $w_text); //imagettfbbox返回一個含有 8 個單元的數組表示了文本外框的四個角
            $width = $temp[2] - $temp[6];
            $height = $temp[3] - $temp[7];
            unset($temp);
        }

        switch($w_pos) {
            case 1:
                $wx = 5;
                $wy = 5;
                break;
            case 2:
                $wx = ($source_w - $width) / 2;
                $wy = 0;
                break;
            case 3:
                $wx = $source_w - $width;
                $wy = 0;
                break;
            case 4:
                $wx = 0;
                $wy = ($source_h - $height) / 2;
                break;
            case 5:
                $wx = ($source_w - $width) / 2;
                $wy = ($source_h - $height) / 2;
                break;
            case 6:
                $wx = $source_w - $width;
                $wy = ($source_h - $height) / 2;
                break;
            case 7:
                $wx = 0;
                $wy = $source_h - $height;
                break;
            case 8:
                $wx = ($source_w - $width) / 2;
                $wy = $source_h - $height;
                break;
            case 9:
                $wx = $source_w - ($width+5);
                $wy = $source_h - ($height+5);
                break;
            case 10:
                $wx = rand(0,($source_w - $width));
                $wy = rand(0,($source_h - $height));
                break;
            default:
                $wx = rand(0,($source_w - $width));
                $wy = rand(0,($source_h - $height));
                break;
        }

        if($ifwaterimage) {
            if($water_info[2] == 3) {
                imagecopy($source_img, $water_img, $wx, $wy, 0, 0, $width, $height);
            }else{
                imagecopymerge($source_img, $water_img, $wx, $wy, 0, 0, $width, $height, $this->w_pct);
            }
        }else{
            if(!empty($w_color) && (strlen($w_color)==7)) {
                $r = hexdec(substr($w_color,1,2));
                $g = hexdec(substr($w_color,3,2));
                $b = hexdec(substr($w_color,5));
            }else{
                return;
            }
            imagestring($source_img,$w_font,$wx,$wy,$w_text,imagecolorallocate($source_img,$r,$g,$b));
        }

        switch($source_info[2]) {
            case 1 :
                imagegif($source_img, $target);
//GIF 格式將圖像輸出到瀏覽器或文件(欲輸出的圖像資源, 指定輸出圖像的文件名)
                break;
            case 2 :
                imagejpeg($source_img, $target, $this->w_quality);
                break;
            case 3 :
                imagepng($source_img, $target);
                break;
            default :
                return;
        }

        if(isset($water_info)){
            unset($water_info);
        }
        if(isset($water_img)) {
            imagedestroy($water_img);
        }
        unset($source_info);
        imagedestroy($source_img);
        return true;
    }

還需要增加一個check方法判斷圖片屬性

public function check($image){
    return extension_loaded('gd') && preg_match("/\.(jpg|jpeg|gif|png)/i", $image, $m) && file_exists($image) && function_exists('imagecreatefrom'.($m[1] == 'jpg' ? 'jpeg' : $m[1]));
}

當然還需要在editor文件夾下面傳一張watermark.png水印圖

ok 你可以加水印了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章