上次频繁更新文章还是在半年前了吧,感觉自己越来越懒了。懒癌...
补上效果图一张:
这次给大家分享的是在百度编辑器上传图片的时候添加水印,一来让自己的文章上的图片添加水印,逼格更高。二来让写下文章练下手。
废话不多说了,上手下载最新版的百度编辑器。下载地址:http://ueditor.baidu.com/website/download.html
不会用百度编辑器的童鞋看下手册,这里的下载版本是 1.4.3 其他版本的自行理解参考。
第一步:增加配置文件
找到百度编辑器的目录下的该目录 Ueditor/php/ (这里的U大写是因为的自己改动过)
找到config.json,在配置文件中新增水印效果
/* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageWater": "true",/*******************新增图片水印设置 这里是新增*/ "imageActionName": "uploadsimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制,单位B */ "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */ "imageCompressEnable": true, /* 是否压缩图片,默认是true */ "imageCompressBorder": 1600, /* 图片压缩最长边限制 */ "imageInsertAlign": "none", /* 插入的图片浮动方式 */ "imageUrlPrefix": "", /* 图片访问路径前缀 */ "imagePathFormat": "/uploads/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ //....后面代码省略
第二步:读取配置文件
找到php目录下的 action_uploads.php 文件,在上传文件的时候读取配置文件
<?php /** * 上传附件和上传视频 * User: Jinqn * Date: 14-04-09 * Time: 上午10:17 */ include "uploadser.class.php"; /* 上传配置 */ $base64 = "uploads"; switch (htmlspecialchars($_GET['action'])) { case 'uploadsimage': $config = array( "pathFormat" => $CONFIG['imagePathFormat'], "maxSize" => $CONFIG['imageMaxSize'], "allowFiles" => $CONFIG['imageAllowFiles'] ); $watermark = $CONFIG['imageWater']; //************************新增读取参数 $fieldName = $CONFIG['imageFieldName']; break; case 'uploadsscrawl': // 后面代码省略
这样的就在上传图片的时候读取了配置文件中的是否添加水印。
然后需要在实例化的时候传入配置参数,继续在下面的代码中寻找并修改
/* 生成上传实例对象并完成上传 */ $up = new uploadser($fieldName, $config, $base64,$watermark); // 最后的参数是新增
第三步:添加水印方法
找到php同级目录下的类 uploadser.class.php 修改以下地方
1,实例化类的时候新增私有属性
class uploadser { private $water; //是否添加水印(属性) *******************新增
2,在构造函数中添加传递的参数,新增最后一个参数
public function __construct($fileField, $config, $type = "uploads",$watermark = false) { $this->water = $watermark; $this->fileField = $fileField; $this->config = $config; $this->type = $type; if ($type == "remote") { $this->saveRemote(); } else if($type == "base64") { $this->upBase64(); } else { $this->upFile(); } $this->stateMap['ERROR_TYPE_NOT_ALLOWED'] = iconv('unicode', 'utf-8', $this->stateMap['ERROR_TYPE_NOT_ALLOWED']); }
3,在文件上传完成之后 upFile方法 的最后添加
//移动文件 if (!(move_uploadsed_file($file["tmp_name"], $this->filePath) && file_exists($this->filePath))) { //移动失败 $this->stateInfo = $this->getStateInfo("ERROR_FILE_MOVE"); } else { //移动成功 $this->stateInfo = $this->stateMap[0]; } //********************新增 if( $this->water ){ $this->watermark($this->filePath,$this->filePath); }
4,添加水印函数和检测文件是否存在函数
/* * 图片加水印 * $source string 图片资源 * $target string 添加水印后的名字 * $w_pos int 水印位置 具体看代码 * $w_img string 水印图片路径 * $w_text string 显示的文字 * $w_font int 字体大小 * $w_color string 字体颜色 */ private function watermark($source, $target = '', $w_pos = '', $w_img = '', $w_text = 'loveteemo.com',$w_font = 10, $w_color = '#CC0000') { $this->w_img = '../water.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($w_img,false); imagesavealpha($w_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; } /** * 检测文件是否存在 * @param $image * @return bool */ 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])); }
这里需要注意的是,水印的位置我是直接放在ueditor的目录下,如果需要放在其他位置,请自行调整。
以上就是本文的内容了,最近比较浮躁,只想静静......
上一篇: 分享一个sb3的激活码...
下一篇: CentOS下配置SVN环境...