使用 Fetch 请求上传 FormData 文件的步骤如下:

  1. 创建一个 FormData 对象,并使用 append() 方法将要上传的文件添加到 FormData 中。例如:
const formData = new FormData();
formData.append('file', file);

其中,'file' 为文件字段名,file 为要上传的文件。

  1. 使用 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));
前端专家指南:使用Fetch上传FormData文件

原文地址: https://www.cveoy.top/t/topic/otAD 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录