使用ajaxfileupload.js上传文件成功之后，没有执行success方法

言曌 2017年11月30日19:34:29 6 6721 views

博主分享免费Java教学视频，B站账号：Java刘哥，长期提供技术问题解决、项目定制：本站商品点此

首先补充一下上传不成功的问题：必须设置 name 和 id。

今天遇到一个奇怪的问题，在使用SpringMVC和ajax上传文件的时候，因为使用的是ajaxfileupload.js，上传文件成功后，却没有执行 success 和 error 方法。

ajax 代码如下

//上传操作
//ajax提交信息
$("#uploadImgBtn").click(function () {
if($("#file").val() != "") {
$.ajaxFileUpload({
type: "POST",
url:"http://localhost:8090/SpringMVC/upload/uploadFile",
dataType: "json",
fileElementId:"file",
success: function(data, status){
alert("上传成功");
},
error: function () {
alert("上传失败");
},
});
} else {
alert("请先选择文件");
}
})

文件是上传成功的，但是 success 和 error 方法都没执行，甚至写了个 complete 方法也没执行

后来上网查了下。

解决方法如下

修改 ajaxfileupload.js 文件

在 192 行（最底下）加一行代码

data = jQuery.parseJSON(jQuery(data).text());

将之前的 eval( "data = " + data ); 注释掉吧

如图