首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

xhEditor在线编辑器学习笔记(1)-用Struts2+ajax实现图片下传

2012-12-27 
xhEditor在线编辑器学习笔记(1)---用Struts2+ajax实现图片上传这段时间的业余时间一直忙于自己博客(http:/

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上传代码,如下所示:


上传空文件时报错:


xhEditor在线编辑器学习笔记(1)-用Struts2+ajax实现图片下传

      好了,就说这么多了,总之挺不错的一个编辑器。


      声明:这是本人学习的成果,允许转载,欢迎交流,但转载务必给出本文章的链接地址:http://blog.csdn.net/youqishini/article/details/8300174,谢谢~



热点排行