React-Native 图片上传

Question

是否可以使用 FormData 将文件（图像）上传到带有 react-native 的服务器？尝试像这样使用它：

var data = new FormData();
  data.append('file', file);
  console.log(JSON.stringify(data));
  var id = 5;
  fetch('http://192.168.1.104:3000/app/complaint/uploadFile?id='+id,{
    method:'POST',
    body: data,
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'multipart/form-data;',
    },
  });

对于React，FormData 按预期工作，但对于React-Native 不工作。

我也尝试过（用于反应 - 工作）

const data = fetch('http://192.168.1.104:3000/app/complaint/uploadFile?id='+id, {
        credentials: "same-origin",
        method:'POST',
        body: dataval,
        timeout: 1000000000,
      });  

但没有任何效果，

在back-end server，我上传使用

var d = require('domain').create()    
d.run(function safelyUpload () {
        var file=req.file('file').upload({dirname: path.resolve(sails.config.appPath, folder),
        }, function whenDone(err, uploadedFiles) {
          if (err) return res.serverError(err);
          else{
            sails.log.debug('Complaint File data : ' +util.inspect(uploadedFiles, {showHidden: true,depth: null}));
          }
        });
});

还有其他方法吗

Answer 1

这里是使用Fetch API上传图片的示例

const photo = {
  uri: user.profilePicture,
  type: 'image/jpeg',
  name: 'photo.jpg',
};

const form = new FormData();
form.append("ProfilePicture", photo);

fetch(
  URL,
  {
    body: form,
    method: "PUT",
    headers: {
      'Content-Type': 'multipart/form-data',
      'Authorization': 'Bearer ' + user.token
    }
  }
).then((response) => response.json())
.catch((error) => {
  alert("ERROR " + error)
})
.then((responseData) => {
  alert("Succes "+ responseData)
}).done();

学分https://stackoverflow.com/a/36649457/5315786