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

今天遇到一个奇怪的问题，在使用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 ); 注释掉吧

如图

本文地址：https://liuyanzhao.com/6829.html

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

[原创]使用ajaxFileUpload.js上传文件时附带额外参数。
最近公司的一个项目涉及到导入Excel的功能,于是就想到用ajaxFileUpload来实现上传文件,因为用过很多次了,网上也有很多文章介绍.使用方法不表.但是在附带参数这个环节卡住了:文件可以上传到 ...
ajaxfileupload 返回值_ajaxFileUpload上传文件成功后却无法解析服务器返回的json数据...
ajaxFileUpload是一款很好用的文件上传插件,网上也有很多关于它的版本,但在上传文件成功后想返回json数据给前台时,却会出现无法解析json数据的情况. 仔细调试发现其实在向服务器提交数据 ...
七牛云 vue 图片上传简单解说，js 上传文件图片
七牛云 vue 图片上传简单解说,js 上传文件图片一.七牛云简介首次使用七牛云存储进行项目的图片存储,整了一上午才整明白,这些官方的教程把明白人也给说糊涂了,文档很不规范. 七牛云有免费的使用额 ...
js上传文件到c 服务器,js上传文件到c服务器
js上传文件到c服务器内容精选换一换安装传输工具在本地主机和Windows云服务器上分别安装数据传输工具,将文件上传到云服务器.例如QQ.exe.在本地主机和Windows云服务器上分别安装数据 ...
风尚云网学习-H5+css3+js上传文件页面提交不跳转
风尚云网学习-HTML+原生js上传文件页面提交不跳转页面效果图: 众所周知,from表单提交后会自动跳转url, 此时我们可以用一个空的frame 接收,阻止跳转废话不多说,上全部代码: < ...
php利用ftp上传视频,PHP用FTP类上传文件视频等的简单实现方法
文件1:ftp.php<?php /** * 仿写CodeIgniter的FTP类 * FTP基本操作: * 1) 登陆; connect * 2) 当前目录文件列表; filelist * 3 ...
php自动分配,PHP上传文件时自动分配路径的方法_php技巧
本文实例讲述了PHP上传文件时自动分配路径的方法.分享给大家供大家参考.具体分析如下: 网站上传文件时,如果是小的企业站,放在一个目录还没问题,当网站大了,上传的文件多了,我们就不能放在同一个目录了, ...
php 选择路径上传方法,PHP上传文件时自动分配路径的方法，_PHP教程
PHP上传文件时自动分配路径的方法, 本文实例讲述了PHP上传文件时自动分配路径的方法.分享给大家供大家参考.具体分析如下: 网站上传文件时,如果是小的企业站,放在一个目录还没问题,当网站大了,上传的 ...
springBoot上传文件时MultipartFile报空问题解决方法
springBoot上传文件时MultipartFile报空问题解决方法参考文章: (1)springBoot上传文件时MultipartFile报空问题解决方法 (2)https://www.cn ...
ajax文件上传报400,js ajaxfileupload.js上传报错的解决方法
相信大家在工作中经常用到文件上传的操作,因为我是搞前端的,所以这里主要是介绍ajax在前端中的操作.代码我省略的比较多,直接拿js那里的 $.ajaxFileUpload({ url:'www.cod ...

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

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

最新文章

热门文章