axios formdata上传文件

可以使用FormData对象来上传文件，具体的步骤如下：

1. 创建一个FormData对象：var formData = new FormData();

2. 把文件添加到FormData对象中：formData.append('file', file);

3. 使用axios发送请求，把FormData对象作为参数传递给axios.post()方法：axios.post('/api/upload', formData);

注意事项：在使用FormData对象上传文件的时候，需要把Content-Type设置为'multipart/form-data'，否则服务器无法解析数据。另外，FormData对象只能用于提交POST请求，不能用于GET请求。

相关问题

后端返回了application/octet-stream 前端怎么不下载文件 使用axios formData上传这个文件

如果后端返回了 `application/octet-stream` 类型的数据，那么它很可能是二进制文件，比如图片或者压缩包等。在前端使用 `axios` 上传这个文件时，我们可以使用 `FormData` 对象来包装这个文件，并将其作为参数传递给 `axios` 的 `POST` 请求。

以下是一个示例代码，可以将一个二进制文件上传到后端：

const file = ... // 从用户选择的文件 input 中获取文件对象

const formData = new FormData()
formData.append('file', file)

axios.post('/upload', formData).then(response => {
  console.log('上传成功')
}).catch(error => {
  console.error('上传失败', error)
})

在这个示例中，我们使用 `FormData` 对象将文件对象包装起来，并将其添加到 `formData` 中，然后将 `formData` 作为参数传递给 `axios.post()` 方法。在后端接收到这个请求时，可以通过读取请求体中的 `file` 参数来获取上传的文件内容。

需要注意的是，在使用 `FormData` 上传文件时，需要设置好请求头的 `Content-Type`，让它自动识别为 `multipart/form-data` 类型。如果你使用的是最新版的 `axios`，则无需手动设置 `Content-Type`，它会自动根据传入的参数类型来设置请求头。

axios post formData ，文件 上传,formData.append,文件名称有中文,后台servlet读取乱码，

当你使用axios库进行POST请求，并附带FormData来上传文件，尤其是当文件名包含中文字符时，可能会遇到后台接收数据时中文乱码的问题。这是因为浏览器发送的数据默认采用的是ISO-8859-1编码，而Servlet默认解析为UTF-8。解决这个问题通常需要做两步：

1. **设置axios头**：在发送请求前，你需要设置`Content-Type`头部为`multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW`，以及添加`charset=utf-8`部分，例如：

axios.post(url, formData, {
  headers: {
    'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW',
    'Accept-Encoding': 'gzip, deflate',
    'Connection': 'keep-alive',
    'Charset': 'utf-8'
  }
})

2. **处理文件名**：如果你直接将中文文件名作为键（key）append到formData中，服务器可能会将其编码错误。你可以创建一个新的File对象，设置其name属性为正确的UTF-8编码的中文名字：

const file = new File([fileData], `文件名${encodeURIComponent('中文名')}`);
formData.append('file', file);

3. **后台处理**：确保你的Java Servlet能正确识别并解码接收到的文件名。在读取请求体时，可以尝试使用`String decodeString = new String(request.getParameter("file").getBytes("iso-8859-1"), "utf-8");`。