前端专家指南:使用Fetch上传FormData文件
使用 Fetch 请求上传 FormData 文件的步骤如下:
- 创建一个 FormData 对象,并使用 append() 方法将要上传的文件添加到 FormData 中。例如:
const formData = new FormData();
formData.append('file', file);
其中,'file' 为文件字段名,file 为要上传的文件。
- 使用 Fetch 发送 POST 请求,并将 FormData 对象作为请求体。例如:
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
其中,'/upload' 为上传文件的接口地址。
完整代码示例:
const formData = new FormData();
formData.append('file', file);
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
原文地址: https://www.cveoy.top/t/topic/otAD 著作权归作者所有。请勿转载和采集!