首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

asp.net百度ueditor图片上传添加水印,该怎么解决

2014-01-12 
asp.net百度ueditor图片上传添加水印用了百度的ueditor富文本框编辑器,想给上传的图片加水印,不知道如何修

asp.net百度ueditor图片上传添加水印
用了百度的ueditor富文本框编辑器,想给上传的图片加水印,不知道如何修改呢?
[解决办法]
思路有了:
可以在上传图片之后,单击确定的时候处理图片,加上水印。
所以可以这样:
1:在上传图片弹出的HTML页 即image.html 里面添加“是否添加水印”的div
<!-- 显示添加水印的div comment#xiaoli 2014.01.11 -->
                    <div style="float:left; line-height:40px; padding-left:5px;">
                        <input id="haveWaterMark" type="checkbox" />是否添加水印
                    </div>
2:在image.js的insertBatch()方法里面添加
if(document.getElementById('haveWaterMark').checked)
            insertWaterMark(imageUrls);
3:实现方法
function insertWaterMark(imageUrls)
    {
        for (var i = 0, ci; ci = imageUrls[i++];)
        {
            //这里可以根据已上传的图片,对其进行添加水印的操作
            //dosomething...
            //将添加水印后的图片url重新赋值给ci.url
            ci.url = "xxx.jpg";//xxx.jpg就是添加水印后的图片名称(记得包含路径)
        }
        return imageUrls;//返回图片对象
    }

热点排行