最近做新闻系统,用了kindeditor,其中上传图片的功能没有Java版的,自己修改了下并实现它,记录下来,备忘。
我一般不是很赞同修改别人的源代码,尤其是这种开源的,否则移植性很差火,所以尽量修改最少。
1、修改../plugins/image.html文件
把form提交的地址改成action的地址。其余的不变
2、实现action,获得上传文件,并保存文件到相应目录,然后返回时注意是HTML代码,要调用kindeditor中的插入图片和关闭层的函数,其实就是一个函数,action代码如下:
/*
* 上传图片
*/
@SuppressWarnings("deprecation")
public String inputimage() throws Exception {
String imagename = getImgFileFileName();
imagename = FormatConstants.DATE_TIME_FORMAT_IMAGE.format(DateUtils
.getCurrentDateTime())
+ imagename.substring(imagename.lastIndexOf("."), imagename
.length());
try {
String newPath = getRequest().getRealPath("")
+ "\\upload\\articleimage\\" + imagename;
copy(imgFile, newPath);
addActionMessage("保存成功!");
} catch (Exception e) {
logger.error(e.getMessage(), e);
addActionError("保存失败!");
return "imageinput";
}
String id = "content1";
String url = "http://" + getRequest().getServerName() + ":"+ getRequest().getServerPort() + "/upload/articleimage/"
+ imagename;
String title = "100";
String width = "100";
String height = "100";
String border = "0";
return renderHtml(("<script type=\"text/javascript\">parent.KE.plugin[\"image\"].insert(\""
+ id
+ "\",\""
+ url
+ "\",\""
+ title
+ "\",\""
+ width
+ "\",\"" + height + "\",\"" + border + "\");</script>"));
}
/**
* 拷贝文件
*
* @param upload文件流
* @param newPath新文件路径和名称
* @throws Exception
*/
private void copy(File upload, String newPath) throws Exception {
FileOutputStream fos = new FileOutputStream(newPath);
FileInputStream fis = new FileInputStream(upload);
byte[] buffer = new byte[1024];
int len = 0;
while ((len = fis.read(buffer)) > 0) {
fos.write(buffer, 0, len);
}
fos.close();
fis.close();
}
以上代码是ss3ex中的写法。其中图片宽,高度等我懒得获取值,简单的附了初始值。
备注:关于文章系统的设计思路,开始一直在琢磨图片和文章的关联,最后决定放弃一切关系,图片的路径就放在文章的内容里,基本与文章没得关系。优点是,少个个图片表的维护,缺点是,图片只能增不能删,删除图片时只能手工删除了,好歹我把图片的名字设置成日期格式了。
如果真的要实现删除图片的话,也好办,找到文章的创建日期,根据日期来删除图片,目前只想到整天整天的删。
分享到:
相关推荐
kindEditor4.1版修改上传图片宽高(图片自适应)
优化kindeditor,修改flash批量上传图片方式为H5上传,添加第三方视频代码功能,添加手机尺寸预览,粘贴时自动上传网络图片,粘贴时自动上传截图,地图宽度可设置百分比显示...
优化kindeditor,修改flash批量上传图片方式为H5上传,添加第三方视频代码功能,添加手机尺寸预览,粘贴时自动上传网络图片,粘贴时自动上传截图,地图宽度可设置百分比显示...
kindeditor自定义添加网络视频插件-,修改批量图片上传方式flash为h5上传kindeditor自定义添加网络视频插件-,修改批量图片上传方式flash为h5上传
这是本人写的一个基于KindEditor-4.1.9的Java项目,采用Struts2框架,实现了KindEditor单张图片上传、批量图片上传,可以上传到image目录下的子目录中,可返回上一级目录,并实现了按名称、大小、类型排序的功能。...
由于2020-12-31以后谷歌浏览器不再支持Flash,所以开发了一个H5版的上传,只需要简单的替换文件即可。
kindeditor上传图片时自动将过大(像素以及图片长宽)的图片进行压缩,只需要在kindeditor中upload_json.ashx里面修改!
kindeditor分页,kindeditor图片上传完整代码 kindeditor分页,kindeditor图片上传完整代码
kindeditor自定义添加网络视频插件,修改批量图片上传方式flash为h5
JSP版的完善KindEditor...6.添加上传图片、附件的title属性,缺省为原文件名; 7.添加上传附件相关的初始属性 8.修改从word粘贴样式,减少样式。 http://www.iteye.com/topic/974666 可在上面的iteye论坛先预览效果
kindeditor图片删除功能,主要修改3个文件,直接覆盖就行 解决kindeditor上传后不能删除问题。
注意要修改的JS(jq.js)文件跟上传组件(uploadpic.ashx) 把localhost改成你的网站域名就可以了! 免费下载地址:http://www.ok22.org/art_detail.aspx?id=113
集成了swfload上传方式,利用了插入模板的原理,加载了一个iframe的swf上传页面,然后通过修改插件image.js增加按钮即可。 目前在chrome10 下测试4.0.5成功!
kindeditor4.0.NET集成版(含图片和附件上传), 删除多余其他语言文档,修改js和ashx文件,上传文件按日期分文件夹存放。 kindeditor是一款较轻量级的国产富文本编辑器,包括300多K的表情包,和各类图片,总共只有...
asp增加kindeditor删除图片功能 ,经过很长时间的修改测试。才修改的可以用。外边搜素教程都不全。 我想要五分。不小心成一分了。
-- 限制上传图片的大小,单位字节(缺省值为1MB) --> <param-name>MAX_SIZE <param-value>1024000 <!-- 上传图片的类型(缺省值为gif, jpg, jpeg, png, bmp) --> <param-name>IMAGETYPES <param-value>jpg,...
本代码为ecshop2.7.2(其他版未测试可以参看修改)更换kindeditor编辑器专用,增加了权限检测部分,图片木马检测,并为图片增加水印保存原图等新功能,并且修正了flash批量上传session不能传递的bug
1、本工程对js\kindeditor\plugins\image\image.js文件做了修改,以实现对上传图片时自由的决定是否需要“网络图片”功能,修改如下: line 13 新增了allowImageRemote = K.undef(self.allowImageRemote, true), ...
Bugfix: [IE] 两张相邻图片添加超级链接,修改其中一个链接,另外一个链接也会被修改。 Bugfix: 内嵌脚本的小于号会被转义导致脚本错误。 Bugfix: 分页符在不同浏览器下生成的HTML代码不一致。 Bugfix: [IE6-7] ...
优化kindeditor,修改flash批量上传图片方式为H5上传,添加第三方视频代码功能,添加手机尺寸预览,粘贴时自动上传网络图片,粘贴时自动上传截图。