$.ajaxFileUpload上传文件出现错误-错误总结

最新推荐文章于 2022-09-08 15:46:27 发布

转载最新推荐文章于 2022-09-08 15:46:27 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/13660675/2089037

文章标签：

#javascript #开发工具 #json #ViewUI

本文档详细解析了使用AjaxFileUpload.js插件时遇到的常见错误，包括加载顺序错误、运行时错误及成功回调无法正常触发等问题，并提供了具体的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、加载报错： ajaxfileupload.js:1 Uncaught ReferenceError: jQuery is not defined
上传报错： Uncaught TypeError: $.ajaxFileUpload is not a function
原因： jquery.js，ajaxfileupload.js加载顺序不正确，应先加载 jquery.js，再加载ajaxfileupload.js

2、运行时报错： jQuery.handleError is not a function
原因： ajaxfileupload.js插件中使用低版本jquery，版本1.4.2之前的版本才有handlerError方法，例子里使用的Jquery是1.2的，需手动添加该方法

handleError: function( s, xhr, status, e ) {
// If a local callback was specified, fire it
if ( s.error ) {
s.error.call( s.context || s, xhr, status, e );
}
// Fire the global callback
if ( s.global ) {
(s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
}
}

3、执行成功后，始终指向error方法处理，无法执行sucess方法
原因：这个是由于ajaxfileupload.js 处理返回data的时候，没有考虑后台返回的是字符串的问题，data数据被加了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=data.replace("<pre>","").replace("</pre>",""); //如果返回的是字符串(JSON格式字符串)，去除pre标签
data=eval('(' + data+ ')'); // evaluate scripts within html
return data;
if (type == "html")
jQuery("<div>").html(data).evalScripts();
return data;
}

转载于:https://blog.51cto.com/13660675/2089037