使用axios与对象和文件中的本机表单数据进行反应

时间:2019-05-21 09:30:46

标签: reactjs react-native axios fetch multipartform-data

enter image description here

所以我要上传 对象作为数据 并作为注释文件 使用axios到api

uploadToServer= () => {
    const file =this.state.photo

  let data2 ={sale_id:1,
            note_type_id:4,
            description:"test",
            note_content_item:" hi from broker hub"
            
            }



let data = new FormData()
data.append('data[sale_id]', '1')
data.append('data[note_type_id]', '4')

data.append('data[description]', "test")

data.append('data[note_content_item]', "test")







console.log(data)


axios({
  url: api',
  method: 'POST',
  data: data,
  headers: {
   
            'Content-Type' : 'multipart/form-data',
          'Authorization':'Basic YnJva2VyOmJyb2tlcl8xMjM='

  }
})
        .then(resp => console.log(resp.data.response))
        .catch(error => console.error(error)); 

}

首先,我正在尝试不带注释的数据,我可以在邮递员中完成

enter image description here

但是用我的代码我得到了错误

消息:“无法保存文件” response_code:10

仅当我将密钥从数据更改为其他内容时,我才收到此错误 enter image description here

1 个答案:

答案 0 :(得分:0)

您没有正确构建var inst = new Test() { Id = 1 }; var prop = typeof(LogoutRequest).GetProperty("Name", BindingFlags.Public | BindingFlags.Instance); prop.SetValue(inst, "a name"); ,请尝试以下操作:

FormData