java+jquery form实现异步上传文件,并且成功返回
2014-07-24 10:26
495 查看
java+jquery.form.js实现异步上传文件,并且成功返回!
主要思路:
1、利用<form ...><input type='file" ....> 提交表单实现上传
2、要实现异步提交表单,就要使用到jquery.form.js 使用ajaxSubmit方法,用success回调提示上传结果
遇到问题和解决方法:
1、java后台上传完文件之后设置返回json:response.setContentType("text/json; charset=UTF-8");
这样IE浏览器就弹出下载提示框,执行不到success回调函数,
因为struts中对json的理解是 application/json ,而ajaxSubmit是提交的表单(虽然只需要对表单中的file处理),
对应的action对表单数据处理之后通过struts.xml的重定向,<result name="success" type="json">导致了提示“下载json”
2、将response.setContentType("text/json; charset=UTF-8");改为response.setContentType("text/html; charset=UTF-8");
这样改了之后,浏览器不再弹出下载提示框,但是ajax收不到任何回调信息,查看报文反馈会发现,ajax返回error,错误类型为parsererror,
意思是后台返回的数据类型和ajax请求设置的返回类型不一致,出现转换错误
于是将ajax返回类型修改为dataType:"html",这样修改之后就能成功收到success回调函数
主要思路:
1、利用<form ...><input type='file" ....> 提交表单实现上传
2、要实现异步提交表单,就要使用到jquery.form.js 使用ajaxSubmit方法,用success回调提示上传结果
遇到问题和解决方法:
1、java后台上传完文件之后设置返回json:response.setContentType("text/json; charset=UTF-8");
这样IE浏览器就弹出下载提示框,执行不到success回调函数,
因为struts中对json的理解是 application/json ,而ajaxSubmit是提交的表单(虽然只需要对表单中的file处理),
对应的action对表单数据处理之后通过struts.xml的重定向,<result name="success" type="json">导致了提示“下载json”
2、将response.setContentType("text/json; charset=UTF-8");改为response.setContentType("text/html; charset=UTF-8");
这样改了之后,浏览器不再弹出下载提示框,但是ajax收不到任何回调信息,查看报文反馈会发现,ajax返回error,错误类型为parsererror,
意思是后台返回的数据类型和ajax请求设置的返回类型不一致,出现转换错误
于是将ajax返回类型修改为dataType:"html",这样修改之后就能成功收到success回调函数
相关文章推荐
- 使用jQuery.form插件实现表单异步提交+上传文件
- 使用jQuery.form插件实现表单异步提交+上传文件
- 使用jquery.form.js+servlet实现文件异步上传
- ajax+php (jquery.form插件)实现异步文件上传
- jQuery实现jQuery-form.js实现异步上传文件
- java简单多线程方式+实现文件上传(spring mvc + jquery.form.js 框架)
- 实现jQuery-form.js实现异步上传文件
- 【jQuery】Jquery.form.js实现表单异步提交以及文件上传(带进度条)
- JAVA 异步ajax实现xls 文件上传 并且解析xls
- java ajaxForm 实现文件上传后台成功,页面走error方法
- jQuery实现jQuery-form.js实现异步上传文件
- 利用html5的FormData对象和ajax实现异步文件上传
- jquery 判断当前上传文件大小限制上传格式 搭配thinkphp实现上传即预览(模拟异步上传)
- MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传
- jquery插件---模拟from表单上传文件,实现异步提交
- java实现异步上传文件
- Jquery fileupload和nodejs实现文件异步上传
- jquery 异步上传excel 文件并且进行了 前台动态展示 上传数量
- 利用java反射调用实现对字符串的解析,成功调入函数,并且返回值