美工统筹SEO,为企业电子商务营销助力!
Kindeditor编辑器增添图片上传水印功效(php代码)
一佰互联网站建造(www.taishanly.com) 宣布日期 2020-04-25 14:41:30 阅读数: 117
KindEditor 是一套开源的在线HTML编辑器,开辟职员能够用 KindEditor 把传统的多行文本输出框(textarea)替代为可视化的富文本输出框。能够无缝地与 Java、.NET、PHP、ASP 等法式集成,比拟合适在 CMS、商城、服装网www.vhao.net网www.vhao.net服装网www.vhao.net网www.vhao.net服装网www.vhao.net网www.vhao.net服装网www.vhao.net网www.vhao.net服装网www.vhao.net网www.vhao.net论坛t.vhao.nett.vhao.nett.vhao.nett.vhao.nett.vhao.net、博客、Wiki、电子邮件等互联网利用上利用。
首要特色:
疾速:体积小,加载速率快
开源:开放源代码,高程度,高品德
底层:内置自界说 DOM 类库,切确操纵 DOM
扩大:基于插件的设想,一切功效都是插件,可按照须要增减功效
气概:点窜编辑器气概很是轻易,只要点窜一个 CSS 文件
兼容:撑持大局部支流阅读器,比方 IE、Firefox、Safari、Chrome、Opera
转到正题,默许的编辑器上传图片刻,是不水印功效的,上面详细先容:
第一步:点窜upload_json.php文件
在编辑器的/php/目次下能够找到这个文件,新增一个函数:
/* * 功效:PHP图片水印,水印撑持图片或笔墨 * 参数: * $groundImage 背景图片,即须要加水印的图片,暂只撑持GIF,JPG,PNG格局; * $waterPos 水印地位,有10种状况,0为随机地位; * 1为顶端居左,2为顶端居中,3为顶端居右; * 4为中部居左,5为中部居中,6为中部居右; * 7为底端居左,8为底端居中,9为底端居右; * $waterImage 图片水印,即作为水印的图片,暂只撑持GIF,JPG,PNG格局; * $alpha 水印通明度,取值1-100; * $waterText 笔墨水印,即把笔墨作为为水印,撑持ASCII码,不撑持中文; * $textFont 笔墨巨细,值为1、2、3、4或5,默许为5; * $textColor 笔墨色彩,值为十六进制色彩值,默许为#FF0000(白色); * * $waterImage 和 $waterText 最好不要同时利用,选此中之一便可,优先利用 $waterImage。 * 当$waterImage有用时,参数$waterString、$stringFont、$stringColor均不失效。 * 加水印后的图片的文件名和 $groundImage 一样。 */ function imageWaterMark($groundImage, $waterPos=0, $waterImage="", $alpha=80, $waterText="", $water_fontfile, $textFont=9, $textColor="#FF0000"){ $isWaterImage = FALSE; $formatMsg = "不撑持该图片格局!请利用GIF、JPG、PNG格局的图片。"; $fontFile = $water_fontfile; //读打水印文件 if(!empty($waterImage) && file_exists($waterImage)){ $isWaterImage = TRUE; $water_info = getimagesize($waterImage); $water_w = $water_info[0];//获得水印图片的宽 $water_h = $water_info[1];//获得水印图片的高 switch($water_info[2]){//获得水印图片的格局 case 1:$water_im = imagecreatefromgif($waterImage);break; case 2:$water_im = imagecreatefromjpeg($waterImage);break; case 3:$water_im = imagecreatefrompng($waterImage);break; default:die($formatMsg); } } //读取背景图片 if(!empty($groundImage) && file_exists($groundImage)){ $ground_info = getimagesize($groundImage); $ground_w = $ground_info[0];//获得背景图片的宽 $ground_h = $ground_info[1];//获得背景图片的高 switch($ground_info[2]){//获得背景图片的格局 case 1:$ground_im = imagecreatefromgif($groundImage);break; case 2:$ground_im = imagecreatefromjpeg($groundImage);break; case 3:$ground_im = imagecreatefrompng($groundImage);break; default:die($formatMsg); } }else{ alert("水印图片不存在!"); } //水印地位 if($isWaterImage){//图片水印 $w = $water_w; $h = $water_h; $label = "图片的"; }else{//笔墨水印 $temp = imagettfbbox($textFont, 0, $fontFile, $waterText);//获得利用 TrueType 字体的文本的规模 $w = $temp[2] - $temp[6]; $h = $temp[3] - $temp[7]; unset($temp); $label = "笔墨地区"; } if(($ground_w<$w) || ($ground_h<$h)){ echo "须要加水印的图片的长度或宽度比水印".$label."还小,没法天生水印!"; return; } switch($waterPos){ case 0://随机 $posX = rand(0,($ground_w - $w)); $posY = rand(0,($ground_h - $h)); break; case 1://1为顶端居左 $posX = 0; $posY = 0; break; case 2://2为顶端居中 $posX = ($ground_w - $w) / 2; $posY = 0; break; case 3://3为顶端居右 $posX = $ground_w - $w; $posY = 0; break; case 4://4为中部居左 $posX = 0; $posY = ($ground_h - $h) / 2; break; case 5://5为中部居中 $posX = ($ground_w - $w) / 2; $posY = ($ground_h - $h) / 2; break; case 6://6为中部居右 $posX = $ground_w - $w; $posY = ($ground_h - $h) / 2; break; case 7://7为底端居左 $posX = 0; $posY = $ground_h - $h; break; case 8://8为底端居中 $posX = ($ground_w - $w) / 2; $posY = $ground_h - $h; break; case 9://9为底端居右 $posX = $ground_w - $w; $posY = $ground_h - $h; if(!$isWaterImage){ $posY = $ground_h - $h-20; } break; default://随机 $posX = rand(0,($ground_w - $w)); $posY = rand(0,($ground_h - $h)); break; } //设定图象的混色形式 imagealphablending($ground_im, true); if($isWaterImage){//图片水印 //imagecopy($ground_im, $water_im, $posX, $posY, 0, 0, $water_w,$water_h);//拷贝水印到方针文件 //天生夹杂图象 imagecopymerge($ground_im, $water_im, $posX, $posY, 0, 0, $water_w, $water_h, $alpha); } else {//笔墨水印 if( !empty($textColor) && (strlen($textColor)==7)){ $R = hexdec(substr($textColor,1,2)); $G = hexdec(substr($textColor,3,2)); $B = hexdec(substr($textColor,5)); } else { die("水印笔墨色彩格局不准确!"); } imagestring($ground_im, $textFont, $posX, $posY, $waterText, imagecolorallocate($ground_im, $R, $G, $B)); } //天生水印后的图片 @unlink($groundImage); switch($ground_info[2]){//获得背景图片的格局 case 1:imagegif($ground_im,$groundImage);break; case 2:imagejpeg($ground_im,$groundImage,100);break;//注重这里的100,经测试,100是图片品质最好的,但文件巨细会增添良多,95的时辰品质还不错,巨细和本来的差未几。作者接纳95的值。 case 3:imagepng($ground_im,$groundImage);break; default:die($errorMsg); } //开释内存 if(isset($water_info)) unset($water_info); if(isset($water_im)) imagedestroy($water_im); unset($ground_info); imagedestroy($ground_im); }
第二步:找到$json = new Services_JSON();注重有两个处所,不是在alert函数里的阿谁,增添以下代码:
/* 水印设置装备摆设起头 */ $water_mark = 1;//1为加水印, 别的为不加 $water_pos = 9;//水印地位,10种状况【0为随机,1为顶端居左,2为顶端居中,3为顶端居右;4为中部居左,5为中部居中,6为中部居右;7为底端居左,8为底端居中,9为底端居】 $water_img = $_SERVER["DOCUMENT_ROOT"]."/upfiles/water.gif";//水印图片,默许填写空,请将图片上传至网站根目次的upfiles下,例: water.gif $water_alpha = 50;//水印通明度 $water_text = "";//水印字符串,默许填写空; //$water_fontfile = $_SERVER["DOCUMENT_ROOT"] ."/upfiles/fonts/arial.ttf";//笔墨水印利用的字体; if($water_mark == 1){ imageWaterMark($file_path, $water_pos, $water_img, $water_alpha, $water_text, $water_fontfile); } /* 水印设置装备摆设竣事 */
经自己测试能够一般利用,别的一点请注重水印图片的途径,按照现实环境而定。
以上便是本文的全数内容,但愿对大师的进修有所赞助,也但愿大师多多撑持网页设想。