Ueditor图片上传时添加水印

php | 2019-09-13 10:02:39

Ueditor网页编辑器确实很好用,但上传图片时不支持添加水印,需要二次开发,我这里用的是php版本。而且我介绍的是最简单直接的方法只需3个步骤自动添加水印。


1.修改Uploader.class.php添加水印方法

Uploader.class.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 = 'IT学问网',$w_font = 10, $w_color = '#CC0000') {
       $this->w_img = '../watermark.png';//水印图片
       $this->w_pos = 9;
       $this->w_minwidth = 220;//最少宽度
       $this->w_minheight = 220;//最少高度
       $this->w_quality = 80;//图像质量
       $this->w_pct = 50;//透明度
         
       $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, './MPublic/fonts/heiti.otf', $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;
       }
       /*
           dst_im  目标图像
           src_im  被拷贝的源图像
           dst_x   目标图像开始 x 坐标
           dst_y   目标图像开始 y 坐标,x,y同为 0 则从左上角开始
           src_x   拷贝图像开始 x 坐标
           src_y   拷贝图像开始 y 坐标,x,y同为 0 则从左上角开始拷贝
           src_w   (从 src_x 开始)拷贝的宽度
           src_h   (从 src_y 开始)拷贝的高度
           pct 图像合并程度,取值 0-100 ,当 pct=0 时,实际上什么也没做,反之完全合并。
       */
       if($ifwaterimage) {
           if($water_info[2] == 3) {
               imagecopy($source_img, $water_img, $wx + 10, $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;
       }
        
       // $font = "./MPublic/fonts/heiti.otf";
 
       // $image->open($name)->text("留学问多点",$font,27,'#82797A',array(95,$height))->save($name);
 
       if(isset($water_info)){
           unset($water_info);
       }
       if(isset($water_img)) {
           imagedestroy($water_img);
       }
       unset($source_info);
       imagedestroy($source_img);
       return true;
   }
   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]));
   }



2.在Uploader.class.php方法upFile()最后面调用水印方法

$this->watermark($this->filePath,$this->filePath);


3.在ueditor目录下面放置你的水印图片

在ueditor目录下放置你设计好的水印图片watermark.png,这个地址对应着代码上面添加水印代码:this->w_img = '../watermark.png';//水印图片


4.水印效果


1.jpg





登录后即可回复 登录 | 注册
    
关注编程学问公众号