在MVC3或asp.net中修改KindEditor实现上传图片时添加水印

主要修改两个文件:image.js和upload_json.ashx文件。

一、修改image.js文件

打开kindeditor/plugins/image目录下的image.js文件,找到

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

在这行代码下面添加

 '<label style="width:60px;">添加水印</label>',
'<input type="text" name="water" value="请输入水印文字"/>',

二、修改upload_json.ashx文件。

打开kindeditor/asp.net目录下的upload_json.ashx文件,

找到

String newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + fileExt;
String filePath = dirPath + newFileName;
imgFile.SaveAs(filePath);
String fileUrl = saveUrl + newFileName;

这个地方,将之替换成

String newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo);
String filePath = dirPath + newFileName + fileExt;
imgFile.SaveAs(filePath);
String fileUrl = saveUrl + newFileName + fileExt;
//添加文字水印
Image image = System.Drawing.Image.FromFile(filePath);
Graphics g = Graphics.FromImage(image);
g.DrawImage(image, , , image.Width, image.Height);
Font f = new Font("Verdana", );
Brush b = new SolidBrush(Color.Red);
string addText = context.Request.Form["water"];
g.DrawString(addText, f, b, , );
g.Dispose();
//保存加水印过后的图片,删除原始图片
string newPath = dirPath + newFileName + "_new" + fileExt;
image.Save(newPath);
image.Dispose();
if (File.Exists(filePath))
{
File.Delete(filePath);
}
fileUrl = saveUrl + newFileName + "_new" + fileExt;

这样就可以了。水印文字的颜色可由Color.Red这个地方来设置,位置可由g.DrawString(addText, f, b, 10, 10)这行代码的后面两个参数来设置。

上一篇:Mac OS 上配置java开发环境


下一篇:分享20个最新的免费 UI 设计素材给设计师