在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, 0, 0, image.Width, image.Height); Font f = new Font("Verdana", 32); Brush b = new SolidBrush(Color.Red); string addText = context.Request.Form["water"]; g.DrawString(addText, f, b, 10, 10); 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)这行代码的后面两个参数来设置。