ecshop教程:编辑器kindeditor图片上传添加水印功能

以前在网站介绍过ecshop更换编辑成kindeditor的方法,但是上传的图片不能自动增加水印,今天把相应方法告诉大家: 在kindeditor/php/upload_json.php中,有两处需要修改的地方。 第一步,在文件末尾添加一个方法 function imageWaterMark($groundImage, $wat
以前在网站介绍过ecshop更换编辑成kindeditor的方法,但是上传的图片不能自动增加水印,今天把相应方法告诉大家:
 
在kindeditor/php/upload_json.php中,有两处需要修改的地方。
第一步,在文件末尾添加一个方法
function imageWaterMark($groundImage, $waterPos=0, $waterImage='', $alpha=80, $waterText='', $textFont=9, $textColor='#FF0000'){
    $isWaterImage = FALSE;
    $formatMsg = '不支持该图片格式!请使用GIF、JPG、PNG格式的图片。';
    //读取水印文件
    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 = "图片的";
    }
    if(($ground_w<$w) || ($ground_h<$h)){
        echo "需要加水印的图片的长度或宽度比水印".$label."还小,无法生成水印!";
        return; // www.zuimoban.com
    }
    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($msg)方法里的不用操作),在后面添加如下一段代码
$water_mark = 1;//1为加水印, 其它为不加
    $water_pos = 9;//水印位置,10种状态【0为随机,1为顶端居左,2为顶端居中,3为顶端居右;4为中部居左,5为中部居中,6为中部居右;7为底端居左,8为底端居中,9为底端居】
   $water_img = $_SERVER['DOCUMENT_ROOT'].'/images/water.gif';//水印图片,默认填写空,请将图片上传至网站根目录的images下,例: 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);
    }
这里只需要上传一张水印图片即可。
完成上述操作后,在用编辑器上传图片就可以实现上图的效果了。
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

WordPress目前在最近的版本中为所有需要新窗口打开的链接都自动添加了新的 noopener noreferrer 属性。noopener noreferrer 属性并不是新发布的标准,但 WordPress 4.7.4 版开始的编辑器默认都会添加该属性。新窗口打开超链接的属性 target=_blank 增加 rel=
已经有织梦UTF的站点,需要进行MIP改造,并且是新建一个MIP站点,实现和主站数据通用的话,可以按照以下操作。 我们得宗旨是,尽量不动主站任何东西,所以在这里我对MIP站点的改造,只在主站进行了一项操作 就是添加一个MIP地址的系统参数。 步骤如下: 进入
一、环境要求: Discuz x3.2 UTF8源码安装,服务器环境满足discuz的安装条件之外, 站点须支持 https,否则mip组件将无法使用(主要是组件的要求) 。 二、安装步骤: 1、 安装官方 x3.2版本。 2、登陆后台,开启手机版 3、安装mip模板,先备份手机版模板文件t
由于多数同学对之前教程看不懂以及修改最新mip官方最新调用js和css,所有简化了教程! 第一步:下载附件一;第二步:将附件中e文件夹上传覆盖根目录(安全期间可提前备份e目录) 第三步:将附件三张图片上传根目录 第四步:打开帝国后台模板管理模板组管理导
这里所说的留言板页面,是指独立的ecshop那个留言板栏目(message.php),而不是指商品详情页面底部的用户评论区,通过这个方法,用户可以引用商品的信息,进行商品的讨论和留言。那么在这里留言板里如何才能将商品的缩略图显示出来呢,现在来说一说具体的方
做 ecshop模版 网站的时候,测试数据,发现点击订购、加入按钮都没反应,网上搜索,有些人说是修改了common.js,我将原始版本复原也没反映。后来重新安装ecshop,仔细研究发现,原来头部文件page_header.lbi被完全修改后,就点击没反应。 javascript:addToCa