通过FormData,进行文件上传。
如果直接就是一个FormData了,那么直接用ajax发出去就行了,不用做任何处理:
let form = document.querySelector("form"),
formData = new FormData(form),
formData.append("fileName", "a.png");
let xhr = new XMLHttpRequest();
//假设上传文件的接口叫upload
xhr.open("POST", "/upload");
xhr.send(formData);复制代码
我在项目中使用jQuery的ajax当时进行FormData的传递,遇到了以下问题
最终发现,需要设置两个参数processData和contentType为false,因为jQuery会自动对一些数据进行转义, 并且根据data自动设置请求mime类型,设置这两个参数可以使jQuery不对数据进行处理。
$.ajax({
url: "/upload",
type: "POST",
data: formData,
processData: false, // 不处理数据
contentType: false // 不设置内容类型
});复制代码
这样就能成功地实现文件上传功能了。
参考自:
前端本地文件操作与上传