javascript - 如何将图像数据转换为多部分 /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未经授权

Answer 1

您需要将Content-Type标题设置为'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.