xhEditor在线编辑器学习笔记(1)---用Struts2+ajax实现图片上传
这段时间的业余时间一直忙于自己博客(http://www.dianfusoft.com/)的开发工作,特别是选择在线编辑器时不知道选择哪个好,因为第一次用这玩意儿。选择了那么多的编辑器,最后还是选择了xhEditor这款在线编辑器。我的理由主要是有以下几点:
1. 这是一个开源的编辑器,虽然是2009年开始发布的,可是功能一点都不逊色而且小巧,加载迅速;
2. 丰富的问题解决方案。虽然和老牌FCKEditor相比有一定差距,但是官方完善的文档应该可以解决遇到的问题;
3. 最主要的是自己一直使用的CSDN博客也是选择这个编辑器,用惯了这个编辑器没理由换别的。
今晚就分享一个自己解决了的问题,那就是xhEditor上传图片的问题。网上的资料真是鱼龙混杂,可以说都是复制来复制去,基本上都没用。算了,不说这了,没意思。我就说说我的情况,由于我的项目采用的是Struts2,网上看到了一篇用servlet实现图片上传的文章,我相信那是可以实现的,但是太过于复杂,我一向都很反感用servlet,那是毕业生才干的事儿!经过自己的思考,终于实现了用Struts2+Ajax上传图片的模式,现贴出代码。
首先在页面xhEditor需要设置以下参数:
upImgUrl:"uploadImg.action" //上传服务器接口
,onUpload:callBackFunction //服务器端返回信息,是json格式
上述配置完成后就开始写Struts2上传代码,如下所示:
上传空文件时报错:
好了,就说这么多了,总之挺不错的一个编辑器。
声明:这是本人学习的成果,允许转载,欢迎交流,但转载务必给出本文章的链接地址:http://blog.csdn.net/youqishini/article/details/8300174,谢谢~