使用post方法上传文件的两种做法

当使用POST方法上传文件时，有两种常见的做法：

1. 使用表单提交

在HTML表单中，将form的enctype属性设置为multipart/form-data，然后将input元素的type属性设置为file，即可实现文件上传。

示例代码：

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" value="上传">
</form>

在后端接收到请求后，可以使用相应的库（如Flask的request）来获取上传的文件并进行处理。

2. 使用Ajax上传

在前端使用Ajax上传文件时，需要将数据以FormData的形式发送，同时需要设置请求头的Content-Type为multipart/form-data。

示例代码：

const fileInput = document.querySelector('input[type="file"]')
const formData = new FormData()
formData.append('file', fileInput.files[0])

fetch('/upload', {
  method: 'POST',
  body: formData,
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})

在后端接收到请求后，可以使用相应的库（如Express的multer）来获取上传的文件并进行处理。