ajaxFileUpload plugin上传文件 chrome、Firefox中出现SyntaxErr

发布时间：2020-12-15 21:43:00 所属栏目：百科来源：网络整理

导读：Html代码 table id = "deploy_application" class = "bordered-table" tr td id = "application_file" input id = "file_field" type = "file" name = "application" size = "20" / / td td id = "application_submit" input id = "submit_button" type = "s

    Html代码 
    
  
 <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代码如下：

    Js代码 
    
  
functionajaxFileUpload(){ 
 $.ajaxFileUpload
 (
 {
 url:'/upload',
 secureuri:false,250); line-height:18px"> fileElementId:'file_field',250); line-height:18px"> dataType:'json',//这里选择了json
 success:function(data,status){
 alert(data);
 },250); line-height:18px"> error: alert(e);
 }
 )
 }

结果在chrome和FireFox浏览器出现如下错误：

先在网上找了下解决办法，stackoverflow上有说修改ajaxFileUpload源码的方法，试了下，不能用，问题依旧，只能自己排查下原因了。从错误提示上看有点像是json数据中出现了<（尖括号），为了看到json数据，将js修改如下：
dataType:'content',0); padding:0px; margin:0px; width:auto; border:0px">//这里修改为content

结果返回的json数据如猜测，json数据被包含在一个<pre></pre>的标签中，如下图：
网上查了下原因，是因为Server端的Response上加上了contentType="application/json"。但有时后端这么做是必须的，所以修改ajaxFileUpload源码，将<pre></pre>标签去掉，如下：
uploadHttpData:function(r,type){

vardata=!type;

data=type=="xml"||data?r.responseXML:r.responseText;

//Ifthetypeis"script",evalitinglobalcontext

if(type=="script")

jQuery.globalEval(data);

//GettheJavaScriptobject,ifJSONisused.

if(type=="json"){

////////////以下为新增代码///////////////

data=r.responseText;

varstart=data.indexOf(">");

if(start!=-1){

varend=data.indexOf("<",start+1);

if(end!=-1){

data=data.substring(start+1,end);

///////////以上为新增代码///////////////

eval("data="+data);

//evaluatescriptswithinhtml

if(type=="html")

jQuery("<div>").html(data).evalScripts();

returndata;

至此，大工告成，ajaxFileUpload的dataType正常使用json。
P.S. 后端使用Spring MVC 3，采用rest风格

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!