前端ajax上传FormData
时间: 2023-11-21 14:05:06 浏览: 94
基于Ajax的formData图片和数据上传
前端可以使用ajax上传FormData,具体的代码如下:
```javascript
var formData = new FormData();
formData.append('file', file); // 将要上传的文件添加进formData
$.ajax({
url: '/api/upload',
type: 'POST',
data: formData,
processData: false, // 不处理data数据
contentType: false, // 不设置contentType
success: function(response) {
console.log('上传成功');
},
error: function(xhr, status, error) {
console.log('上传失败');
}
});
```
其中,formData为一个FormData对象,通过append方法将要上传的文件添加进去。在ajax中,需要设置processData为false,表示不处理data数据,contentType也需要设置为false,表示不设置contentType。上传成功或失败后,分别执行success和error回调函数。
阅读全文