魔扣论坛

魔扣源码论坛业务
查看: 1362|回复: 6

[经验交流] ecshop教程:编辑器kindeditor图片上传添加水印功能

[复制链接]
  • TA的每日心情
    难过
    8 小时前
  • 签到天数: 2929 天

    [LV.Master]开坛老将

    7万

    主题

    227

    回帖

    27万

    积分

    管理员

    Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30

    魔扣币
    745005
    贡献
    157749
    威望
    32799

    最佳新人活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2017-6-6 10:36:49 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
    以前在网站介绍过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 1water_im = imagecreatefromgif($waterImage);break;
                case 2water_im = imagecreatefromjpeg($waterImage);break;
                case 3water_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 1ground_im = imagecreatefromgif($groundImage);break;
                case 2ground_im = imagecreatefromjpeg($groundImage);break;
                case 3ground_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.morko.net
        }
        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);
        }
    这里只需要上传一张水印图片即可。
    完成上述操作后,在用编辑器上传图片就可以实现上图的效果了。

    会员购买:>> 点击购买 << | 魔扣币购买:>> 点击购买 <<
    承接业务:服务器代维丨网站托管丨SEO
    联系客服:微信:morko-net | QQ:1367681973

    该用户从未签到

    1

    主题

    252

    回帖

    505

    积分

    高级魔扣

    Rank: 4

    魔扣币
    252
    贡献
    252
    威望
    0
    发表于 2017-6-6 11:04:51 | 显示全部楼层
    啊啊啊啊啊啊啊啊啊啊啊

    该用户从未签到

    2

    主题

    239

    回帖

    481

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    240
    贡献
    240
    威望
    0
    发表于 2017-9-18 12:52:34 | 显示全部楼层
    风爱上了云。本来就是不可能的事。我爱上了你。是我宿命中的悲伤。没有咖啡的早晨,就跟没有你的人生是一样的。当我的生命里面懂得什么叫LOVE的时候。我才知道什么叫爱。魔扣源码论坛,你能为我加上ING吗?

    该用户从未签到

    1

    主题

    241

    回帖

    483

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    241
    贡献
    241
    威望
    0
    发表于 2017-12-25 22:57:55 | 显示全部楼层
    你若想要得到,就别只是期望。人生短暂,经不起等待。'

    该用户从未签到

    1

    主题

    240

    回帖

    481

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    240
    贡献
    240
    威望
    0
    发表于 2018-2-2 06:42:48 | 显示全部楼层
    站位支持

    该用户从未签到

    0

    主题

    247

    回帖

    494

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    247
    贡献
    247
    威望
    0
    发表于 2018-6-16 07:15:24 来自手机 | 显示全部楼层
    是网络空间让我们相识,空间有你而多彩,空间里淡淡的祝福来自朋友真诚的心,我愿天下最美好的事都属于你,魔扣源码论坛幸福快乐时光永远陪伴随着你。

    该用户从未签到

    3

    主题

    236

    回帖

    475

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    236
    贡献
    236
    威望
    0
    发表于 2018-11-10 09:17:07 来自手机 | 显示全部楼层
    LZ敢整点更有创意的不?兄弟们等着围观捏~
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表