React本地图像上传带有Fetch Post,但面对问题



我在从相机卷或API上上传图像的问题有问题。这是我当前正在使用的代码。我能够从相机卷和相机中获取图像数据。我只是遇到将数据发布到服务器的问题。我不知道问题在哪里。但是我认为我的formdata()

有问题

也在高级中,我检查我的API,如果我从邮递员或高级REST客户端上传图像,则可以正常工作。不知道为什么它不与React Native一起使用。

版本我正在使用

" react":" 16.0.0-beta.5","反应本":" 0.49.5","反应型相机套件":"^5.3.14"

我的代码将照片提交给服务器

onformsubmit =(e)=> {

var photo = {
  uri: this.state.uri[0].uri, == image path file:///storage/emulated/0/Pictures/1511787860629.jpg
  type: 'image/jpeg',
  name: 'photo.jpg',
  size: this.state.uri[0].size,==> size of image
};
var form = new FormData();
form.append("imageLink", photo);
const config = {
 method: 'POST',
 headers: {
   'Accept': 'application/json',
   'Content-Type': 'multipart/form-data',
 },
 body: form,
}
fetch("http://localhost:port/api/User/imageUpload", config)
 .then((responseData) => {
     // Log the response form the server
     // Here we get what we sent to Postman back
     console.log(responseData);
 })
 .catch(err => {
   console.log(err);
 })

}

和api返回我这个错误==> {" statuscode":400,"错误":"糟糕请求","消息":"无效的内容型式标头:Multipart缺少边界"}

尝试使用计算机IP更改本地主机地址,并检查它是否有效。

相关内容

  • 没有找到相关文章

最新更新