如何将图像数据转换为 multipart /form-data

Question

我正在使用 react-dropzone-uploader 将图像上传到 API，但 API 需要 multipart/form-data 中的数据。我无法将其转换为 form-data.

这是我的代码：

const onDropHandler = (files) => {
    let formData= new FormData()
    formData.append('file',files[0])
    axios.post('/web/v1.0/upload',{formData}).then(response=>{
    console.log(response.data)
})

我收到这个错误：

401 unauthorized

Answer 1

您需要将 Content-Type header 设置为 'multipart/form-data'

试一试：

const onDropHandler = (files) => {
    const headers = {
      'Content-Type': 'multipart/form-data'
    }
    let formData = new FormData()
    formData.append('file', files[0])
    API.post('/web/v1.0/upload', {
      formData
    }, {
      headers: headers
    }).then(response => {
      console.log(response.data)
    })

PS: 我假设您的 API.post 方法接受支持 headers 的配置 Object。

如何将图像数据转换为 multipart /form-data

How to convert image data to multipart /form-data

javascript

reactjs

react-dropzone