ajaxFileUpload plugin上传文件 chrome、Firefox中出现SyntaxError:unexpected token <
来源:互联网 发布:丰胸什么感觉知乎 编辑:程序博客网 时间:2024/06/05 15:51
- <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="submit" value="Upload" onclick="uploadFile()" />
- </td>
- </tr>
- </table>
最近在使用ajaxFileUpload插件做文件上传时,后端返回json格式的数据,js代码如下:
- function ajaxFileUpload() {
- $.ajaxFileUpload
- (
- {
- url: '/upload',
- secureuri: false,
- fileElementId: 'file_field',
- dataType: 'json', //这里选择了json
- success: function (data, status) {
- alert(data);
- },
- error: function (data, status, e) {
- alert(e);
- }
- }
- )
- }
结果在chrome和FireFox浏览器出现如下错误:
先在网上找了下解决办法,stackoverflow上有说修改ajaxFileUpload源码的方法,试了下,不能用,问题依旧,只能自己排查下原因了。从错误提示上看有点像是json数据中出现了<(尖括号),为了看到json数据,将js修改如下:
- function ajaxFileUpload() {
- $.ajaxFileUpload
- (
- {
- url: '/upload',
- secureuri: false,
- fileElementId: 'file_field',
- 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;
- }
至此,大工告成,ajaxFileUpload的dataType正常使用json。
转自:http://liwx2000.iteye.com/blog/1540321
0 0
- ajaxFileUpload plugin上传文件 chrome、Firefox中出现SyntaxError:unexpected token <
- ajaxFileUpload plugin上传文件 chrome、Firefox中出现SyntaxError:unexpected token <
- ajaxFileUpload plugin上传文件 chrome、Firefox中出现SyntaxError:unexpected token <
- ajaxFileUpload plugin上传文件 chrome、Firefox中出现SyntaxError:unexpected token <
- ajaxfileupload上传文件出现SyntaxError:unexpected token <错误
- ajaxFileUpload插件上传文件 返回 syntaxError :unexpected token <
- ajaxFileUpload插件上传文件 返回 syntaxError :unexpected token <
- jquery ajaxfileupload 上传控件 Uncaught SyntaxError: Unexpected token < 问题
- Ext 使用FileUploadField 上传文件 Uncaught SyntaxError: Unexpected token <
- js出现了Uncaught SyntaxError: Unexpected token .
- Uncaught SyntaxError: Unexpected token <
- Uncaught SyntaxError: Unexpected token )
- Uncaught SyntaxError: Unexpected token <
- Uncaught SyntaxError: Unexpected token )
- Uncaught SyntaxError: Unexpected token )
- uncaught syntaxerror unexpected token )
- Uncaught SyntaxError: Unexpected token <
- Uncaught SyntaxError: Unexpected token <
- 1005. 继续(3n+1)猜想 (25)
- string.xml中字符串通配
- ubuntu12.10安装教程
- Database Cloud Service试用一(创建实例)
- Java注释Override、Deprecated、SuppressWarnings详解
- ajaxFileUpload plugin上传文件 chrome、Firefox中出现SyntaxError:unexpected token <
- Android 为什么获取到的控件的高度是0
- 洛谷 中位数
- linux sed命令使用
- 在android studio中创建selector xml
- jboss ClassLoadingConfiguration
- (从头写DP)HDU 1058 Humble Numbers
- 上边的UITableViewCell覆盖下边的UITableViewCell的问题
- HttpClient4.5 使用http连接池发送http请求深度示例