ajaxfileupload上传文件出现SyntaxError:unexpected token <错误

function ajaxFileUpload() {  
      
  $.ajaxFileUpload  
    (  
      {  
        url: uri,  
        secureuri: false,  
        fileElementId: 'upFile',  
        dataType: 'content', //这里修改为content  
              
        success: function (data, status) {  
          alert(data);  
        },  
                  
        error: function (data, status, e) {  
           alert(e);  
        }  
      }  
    )  
} 

  结果返回的json数据如猜测,json数据被包含在一个<pre></pre>的标签中.

 

网上查了下原因,是因为Server端的Response上加上了contentType="application/json"。但有时后端这么做是必须的,

所以修改ajaxFileUpload源码,将<pre></pre>标签去掉,如下:

uploadHttpData: function( r, type ) {  
        var data = !type;  
        data = type == "xml" || data ? r.responseXML : r.responseText;  
        // If the type is "script", eval it in global context  
        if ( type == "script" )  
            jQuery.globalEval( data );  
        // Get the JavaScript object, if JSON is used.  
        if ( type == "json" ) {  
             ////////////以下为新增代码///////////////  
             data = r.responseText;  
             var start = data.indexOf(">");  
             if(start != -1) {  
               var end = data.indexOf("<", start + 1);  
               if(end != -1) {  
                 data = data.substring(start + 1, end);  
                }  
             }  
              ///////////以上为新增代码///////////////  
              eval( "data = " + data);  
        }  
        // evaluate scripts within html  
        if ( type == "html" )  
            jQuery("<div>").html(data).evalScripts();  
  
        return data;  
    } 

  或者是在返回的“content”类型数据后

 

 

得到 JSON 数据

posted @ 2017-06-11 10:24  慢慢摸索  阅读(3257)  评论(0编辑  收藏  举报