使用反复原生的formdata上传图像

Rak*_*dav 5 reactjs react-native

如何使用react-native的fetch api将文件上传到服务器需要实现与此类似的功能 -

------WebKitFormBoundaryRAxza9ew2ADaYHn5
Content-Disposition: form-data; name="file"; filename="66154520.jpg"
Content-Type: image/jpeg


------WebKitFormBoundaryRAxza9ew2ADaYHn5--
Run Code Online (Sandbox Code Playgroud)

bip*_*obe 5

您没有显示任何代码,但是从理论上讲...

您应该将url从类似ImagePicker或的网址CameraRoll(应该类似于file:///storage/emulated/0/Pictures/shj15791-4v61-67g6-z1b6-v8451z956j5k.jpgformData传递到,然后将其与请求一起传递:

const form = new FormData();

form.append('image', {
  uri: "file:///...",
  type: 'image/jpg',
  name: 'image.jpg',
});

fetch('https://example.com/api/upload', {
  method: 'POST',
  body: form
});
Run Code Online (Sandbox Code Playgroud)

  • 它没有提供所需的(在问题中)输出。而是显示`[object Object]` (6认同)
  • Fetch 会将本地 URI 转换为流/二进制/blob。 (4认同)