返回文章列表

Notes:ajaxForm上传文件,返回json,回调不到success的处理建议

把之前项目中头像上传的一个功能,改为ajaxForm回调success处理。 之前是先上传头像到服务器,然后再在另一个页面显示并通过jcrop剪辑,最终生成用户头像。 这个过程多了一步页面刷新,如果使用ajaxForm做异步文件提交,那么返回json数据直接处理,方便不少。 但是有...

1 分钟阅读

把之前项目中头像上传的一个功能,改为ajaxForm回调success处理。

之前是先上传头像到服务器,然后再在另一个页面显示并通过jcrop剪辑,最终生成用户头像。

这个过程多了一步页面刷新,如果使用ajaxForm做异步文件提交,那么返回json数据直接处理,方便不少。

但是有一个问题那就是之前好多人遇到的问题,ajaxForm上传文件时,页面中的js无法回调success方法,导致出现下载框,昨天对这个问题深入做了测试,一般解决方式:

选对jquery版本和jform版本,并不是最新的版本都可以,推荐经测试肯定可以用的版本:jquery-1.5.1.min.js 和 jquery.form-2.67.js
如果出现下载框,可以尝试将服务器返回json的ContentType 改为text/html

使用struts-json插件的,可以如下设置:
[code]
<result name="success" type="json">
<param name="contentType">
text/html
</param>
</result>
[/code]

直接在页面输出的,可以如下设置:
[code]
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=UTF-8");
[/code]

评论交流

暂无评论,欢迎留下你的想法