- <tableid="deploy_application"class="bordered-table">
- trtdid="application_file"inputid="file_field"type="file"name="application"size="20"/>
- </tdtdid="application_submit"inputid="submit_button"type="submit"value="Upload"onclick="uploadFile()"table>
最近在使用ajaxFileUpload插件做文件上传时,后端返回json格式的数据,js代码如下:
- functionajaxFileUpload(){
- $.ajaxFileUpload
- (
- {
- url:'/upload',
- secureuri:false,250)"> fileElementId:'file_field',250)"> dataType:'json',//这里选择了json
- success:function(data,status){
- alert(data);
- },250)"> error: alert(e);
- }
- )
- }
结果在chrome和FireFox浏览器出现如下错误:
先在网上找了下解决办法,stackoverflow上有说修改ajaxFileUpload源码的方法,试了下,不能用,问题依旧,只能自己排查下原因了。从错误提示上看有点像是json数据中出现了<(尖括号),为了看到json数据,将js修改如下:
dataType:'content',0); padding:0px; margin:0px; width:auto; border:0px">//这里修改为content
网上查了下原因,是因为Server端的Response上加上了contentType="application/json"。但有时后端这么做是必须的,所以修改ajaxFileUpload源码,将<pre></pre>标签去掉,如下:
uploadHttpData:function(r,type){
@H_958_301@转自:http://liwx2000.iteye.com/blog/1540321