ASP中配置Kindeditor上传图片选择添加水印功能-苏州文博网络

ASP中配置Kindeditor上传图片选择添加水印功能

公司新闻 2017/4/4

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

使用了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图片的路径，这样，在编辑时就会出现如下界面，说明图片水印功能，可以自由选择使用。