Jquery不使用form表单异步上传文件的方法
原文链接：https://blog.csdn.net/u014762625/article/details/80827112现在的项目中需要使用到不刷新页面的方式实现上传文件，实现方法如下：
html代码：
文件:<input id="file" type="file" name="file"/>
<button id="upload">上传文件</button>
js代码：
$(function () {
$("#upload").click(function(){
var formData = new FormData();
formData.append('file', $('#file').files);
$.ajax({
url: "http://127.0.0.1:8081/uploadFile/addUploadFileUrl",
type: "POST",
data: formData,
/**
*必须false才会自动加上正确的Content-Type
*/
contentType: false,
/**
* 必须false才会避开jQuery对 formdata 的默认处理
* XMLHttpRequest会对 formdata 进行正确的处理
*/
processData: false,
success: function (data) {
alert("success");
},
error: function () {
alert("上传失败！");
}
});
})
});
js中有对FormData对象的使用：
1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name和value组装成一个queryString
2.异步上传二进制文件
————————————————
版权声明：本文为CSDN博主「宋宋Jimi」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
文档来源：51CTO技术博客https://blog.51cto.com/u_15288038/3029047
页:
[1]