Question

对于一个项目，我们需要上传一个内存大于2mb的图像文件。\ 我们无法通过base64转换上传。

任何帮助都可能有用

Answer 1

使用ImagePicker或其他解决方案获取本地图片网址后，可以将其发送到服务器：

const formData = new FormData();
formData.append("image", { uri: imageUrl, name: 'image.jpg', type: 'multipart/form-data' })

fetch(yourUrl, {
    method: "POST", {
        'Content-Type': 'multipart/form-data',
    },
    body: formData
);

Answer 2

使用任何请求库，例如axios。然后尝试使用表单数据。要从设备/相机中选择图像，可以使用react-native-image-picker。

import ImagePicker from 'react-native-image-picker'

ImagePicker.showImagePicker(options, response => {
          console.log(response.data)

        });

Answer 3

下面是对我有帮助的

在android / app / src / main / java / com / {yourProject} /MainApplication.java中评论以下行：
```
initializeFlipper(this, getReactNativeHost().getReactInstanceManager())
```
在android / app / src / debug / java / com / {yourProject} /ReactNativeFlipper.java中在第43行中注释：
```
builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
```

图片上传代码：

var formData = new FormData();
   formData.append('UserId', 'abc@abc.com');
   formData.append('VisitId', '28596');
   formData.append('EvidenceCapturedDate', '09/10/2019 13:28:20');
   formData.append('EvidenceCategory', 'Before');
   formData.append('EvidenceImage', {
     uri: Platform.OS === 'android' ? `file:///${path}` : path,
     type: 'image/jpeg',
     name: 'image.jpg',
   });
   axios({
     url: UrlString.BaseUrl + UrlString.imageUpload,
     method: 'POST',
     data: formData,
     headers: {
       Accept: 'application/json',
       'Content-Type': 'multipart/form-data'
     },
   })
     .then(function (response) {
       console.log('*****handle success******');
       console.log(response.data);

     })
     .catch(function (response) {
       console.log('*****handle failure******');
       console.log(response);
     });

如何在不使用base64的情况下从react-native上载图像？

3 个答案: