墨白资源网 · 专业提供网站源码、实用教程、网络软件、活动线报等免费最新资讯!

UEditor编辑器添加上传图片水印

投稿作者:墨白 回复次数:0 所属分类:实用教程

今天墨白也了解了一下UEditor编辑器的图片水印,并尝试做了一下,百度搜到的不是很详细的教程,相信很多站长都是用的UEditor编辑器,也是很需要这个功能的吧, 给自己发布的文章图片添加原创水印,今天给大家分享一下UEditor编辑器添加上传图片水印的详细教程。

操作步骤

1、打开ueditor目录下的php目录下的config.json配置文件。

在上传配置项添加下面代码:

"iswatermark": "true", /* 是否启用图片水印 */

QQ图片20200523165313.png

2、打开ueditor目录下的php目录下的action_upload.php文件,Ctrl+f搜索代码:

$fieldName = $CONFIG['imageFieldName'];

break;上一行添加$watermark = $CONFIG['iswatermark']; /* 读取配置文件 */

这个是读取配置文件"iswatermark"的值。

2.png

3、继续在这个文件搜索代码:

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

替换成

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

这样就可以实例化Uploader类时带上$watermark变量。

3.png

大家可以看到我把原先的注释掉了,哪天不想用这个水印可以替换过来,这也是个小技巧- -

4、最重要的一步,打开ueditor目录下的php目录下的Uploader.class.php文件。

新添加一个类

private $water; //是否添加水印(属性)

4.png

5、把构造方法public function __construct($fileField, $config, $type = "upload")改成(public function __construct($fileField, $config, $type = "upload", $watermark = false)

5.png

6、在构造方法下面写上($this->water = $watermark; )这句话。

6.png

7、在upFile 方法内部后面添加以下代码:

if( $this->water ){ 

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

        }

7.png

8、在这个类文件里添加以下方法,实现图片添加水印就靠它了。

 /*

* 图片加水印

$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.mbw0.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]));

}

水印图片添加方法

将你的水印图片命名为watermark.png添加到ueditor根目录

实验方法

清楚缓存,在后台发布文章时上传图片,看水印是否加上。

调整水印

在第8步骤修改水印参数。

8.png

水印图片小技巧

本站水印图片选用颜色为白色不透明度为60%可以试试效果,不行的话再做调整,教程结束,感谢看完本篇文章。

教程借鉴:http://blog.sina.com.cn/s/blog_bbf087de0102xw8y.html

the end
免责声明:本文来自墨白资源网发布,但不代表本站的观点和立场。
我要评论 0条评论
匿名用户
    最新评论
Welcome

登录您的账号