ueditor编辑器上传图片添加水印_Mpower_新浪博客

ueditor编辑器上传图片添加水印_Mpower_新浪博客,Mpower,

来源: ueditor编辑器上传图片添加水印_Mpower_新浪博客

   我开发网站差不多一年了,每天都会遇到非同寻常的难题,现在就说说我今天碰到的一个事情吧!

     开发网站的后台,我使用了百度ueditor编辑器,本以为是万无一失、至高无上的正确选择。其实我使用了插件就不想再去动插件里的程序代码,可偏偏就阴差阳错,策划那边来一个天方夜谭——使用编辑器上传的图片要添加水印。让人焦头烂额的事情就是这样发生了,因为ueditor编辑器是没有添加水印功能的。
      早上就开始在百度里遨游,看看php添加水印的函数,收集ueditor编辑器添加水印的代码,然后整合在一起,相关的操作如下:
1.打开ueditor目录下的php目录下的config.json 文件
1.1    在上传配置项添加下面代码:
     “iswatermark”: “true”,  
2.打开ueditor目录下的php目录下的action_upload.php文件,搜索代码:
2.1
      case ‘uploadimage’:
        $config = array(
            “pathFormat” => $CONFIG[‘imagePathFormat’],
            “maxSize” => $CONFIG[‘imageMaxSize’],
            “allowFiles” => $CONFIG[‘imageAllowFiles’]
        );
        $fieldName = $CONFIG[‘imageFieldName’];
        break;
在“break;”前添加:$watermark = $CONFIG[‘iswatermark’]; 这句话就可以读取配置文件的”iswatermark”值了。
2.2   继续在这个文件搜索代码:
$up = new Uploader($fieldName, $config, $base64);
把它改成:$up = new Uploader($fieldName, $config, $base64, $watermark);   这样就可以实例化Uploader类时带上$watermark变量。
3.这是最后一步,也是最重要的一步。打开ueditor目录下的php目录下的Uploader.class.php文件。
3.1  在这个类里面添加“   private $water; //是否添加水印(属性)   ”这句话。
3.2  把构造方法改成(public function __construct($fileField, $config, $type = “upload”, $watermark = false)。
3.3  在构造方法里面写上  ($this->water = $watermark; )这句话。
3.4  在upFile 方法内部后面添加以下代码:
       if( $this->water ){ 
            $this->watermark($this->filePath,$this->filePath);
        }
3.5   在这个类文件里添加以下方法,实现图片添加水印就靠它了。
【*
* 图片加水印
* $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 = ‘www.aiyu.com’,$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;
}
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]));
}
4.别以为这就完事了,做程序员不但要聪明,而且还要 careful。上面的工作过程只是一个内核而已,水印图片才是主角咧。
4.1  把水印图片命名为watermark.png,把它存放在ueditor目录下。如果你觉得这样不好,那么你在步骤3.4时候就写你水印图片的路径,温馨提醒一下:ueditor目录下的php目录是当前目录。
现在我们就看看效果吧ueditor编辑器上传图片添加水印ueditor编辑器上传图片添加水印ueditor编辑器上传图片添加水印
ueditor编辑器上传图片添加水印
分享到: 更多 (0)