主题: 分享ASP中配置Kindeditor上传图片选择添加水印功能
作者: Victor, 发布日期: 2013-03-09 13:28:19, 浏览数: 9896

近日,升级了网站的editor,使用了Kindeditor最新版本4.1.5,在做图片上传时写了一个小程序,可以自动添加水印,具体的代码也是在网络上找到的,刚好可以并用。以下是一些经验分享,希望能与大家交流,互相进步。

 

首先,配置好上传的路径,选择好程序语言,我使用的是ASP,比较落后吧!

 

第二步:修改plugins下的image/image.js,找到本地上传框代码:

'<input type="button" class="ke-upload-button" value="' + lang.upload + '" />',

在其下面加上:

'<label style="width:60px;">是否水印</label>',
'<input id="wateradd" type="checkbox" value="1" name="wateradd"/>',

 

第三步,修改upload_json.asp,在定义变量的第一行最后加上:",wateradd",找到"fileUrl = saveUrl & file.filename"

在下面加上代码:

wateradd = upload.forms("wateradd")
if wateradd<>"" then
Dim Photo,PhotoPath,iWidth,iHeight,iiwidth,iiheight
Set Photo = Server.CreateObject("Persits.Jpeg") 
PhotoPath = Server.MapPath(fileUrl) 
Photo.Open PhotoPath 
Photo.Interpolation=1 
Photo.Quality=100
iWidth=Photo.OriginalWidth 
iHeight=Photo.OriginalHeight 
iiwidth=170
iiheight=41
Photo.Canvas.DrawPNG iWidth-iiWidth-15, iHeight-iiHeight-15,Server.MapPath("../../images/watermark.png")
Photo.save Server.mappath(fileUrl)
end if

并且修改好水印PNG图片的路径,这样,在编辑时就会出现如下界面,说明图片水印功能,可以自由选择使用。

 

这个程序我也做好了演示,具体可到我的网盘下载分享。

 

原文有更详细的说明:http://www.andasen.net/news/news-68.html

作者: 小浪子, 发布日期: 2013-03-09 14:15:02

呵呵。虽然很简单。。但是还是谢谢分享。。。

 

asp是落后了。但是也有人用。。有人用就行。。我现在工作也是大部分ASP,小部分ASP.NET。。

 

其实都可以自行扩展。。其实很简单。。其实某些人就是不动手自己试试。。。。

回复
作者: 我有明珠1颗, 发布日期: 2013-04-22 18:14:11

感谢楼主 在你的指导下 成功添加水印


不过我是个新手  能分享下 批量上传图片的时候  怎么加水印嘛?


感激不尽!!

回复
作者: djhua, 发布日期: 2013-05-04 11:13:33

第二步:修改plugins下的image/image.js,找到本地上传框代码:

'<input type="button" class="ke-upload-button" value="' + lang.upload + '" />',

在其下面加上:

'<label style="width:60px;">是否水印</label>',

'<input id="wateradd" type="checkbox" value="1" name="wateradd"/>',



为什么我添加之后没显示复选框呢?

回复
作者: eastern, 发布日期: 2013-05-29 14:49:47
为什么我照着帖子做了一直错误呢?快疯了~~~
回复
作者: 昙花, 发布日期: 2013-06-28 15:46:49
只讲了方法,没说明准备环境。asp是没法完成无组件添加水印功能的。所以在使用时,服务器必须得安装相应的aspjpeg组件。楼上说的添加水印的选框没有出来,可以清除一下浏览器缓存试试,只要代码添加正确,就可以显示出来的。
回复
作者: 风行, 发布日期: 2013-06-30 15:06:30
我也用asp,不过额是菜鸟。图片上传配置那个我搞了半天也没搞正确,求教~~怎么才能让它能上传、插入图片啊!
回复
作者: mojo, 发布日期: 2014-06-09 21:25:36
回复djhua:你用的是360浏览器这类IE内核的吧?这种可能显示不出来,你直接用IE或者chrome都可以显示出来。
回复
发表新帖 发表回复