在 Post 请求中传递文件,可以使用 FormData 对象。将文件添加到 FormData 中,然后将 FormData 作为请求的 body 发送到服务器。

以下是示例代码:

const fileInput = document.querySelector('input[type="file"]');
const formData = new FormData();

formData.append('file', fileInput.files[0]);

fetch('/upload', {
  method: 'POST',
  body: formData
})
.then(response => {
  console.log(response);
})
.catch(error => {
  console.error(error);
});

在上面的代码中,我们首先获取了一个 input 元素,该元素允许用户选择文件。然后,我们创建了一个 FormData 对象,并将选定的文件添加到其中。最后,我们使用 fetch API 发送 POST 请求,并将 FormData 对象作为请求的 body 发送到服务器。

在服务器端,您可以使用不同的编程语言处理上传的文件。例如,在 Node.js 中,您可以使用 multer 中间件来处理上传的文件。

使用 FormData 对象在 Post 请求中上传文件

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

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