《ReactNative》之图片上传

最新推荐文章于 2022-01-08 17:20:38 发布

北海之灵

最新推荐文章于 2022-01-08 17:20:38 发布

阅读量773

点赞数 2

分类专栏： ReactNative 文章标签： react-native

本文链接：https://blog.csdn.net/xukongjing1/article/details/78110353

版权

ReactNative 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

uploadFile(){
    var url = 'http://192.168.1.137:8081/note/uploadfile';
    var formData = new FormData();
    //安卓下   image_uri
    var image_uri = 'file:///storage/emulated/0/Pictures/image-1bcca3fe-c655-48ca-b1ad-6f6bab28a681.jpg';
    //ios下   img_uri  /Users/ashleydw/Library/Developer/CoreSimulator/Devices/23EE88D0-6E91-43AD-A3B6-06F87698C5A8/data/Containers/Data/Application/A73E68D3-7424-4301-9934-AD0F8251C1EB/tmp/7803DA8A-0E40-4FCB-A593-884805878172.jpg
    var fileName = image_uri.substring(image_uri.lastIndexOf("/")+1,image_uri.length);
    let file = {uri: image_uri, type: 'multipart/form-data', name: fileName};
    formData.append("file",file);
    formData.append("userId","111");
    fetch(url,{
        method:'POST',
        headers:{
            'Content-Type':'multipart/form-data',
        },
        body:formData,
      })
      .then((response) => response.json() )
      .then((responseData)=>{
          console.log(responseData);
      })
      .catch((error)=>{
        console.error('error',error);
        alert("上传失败");
      });
}

如果需要一次上传多张图片，用循环就OK

  var formData = new FormData();
  for(let i=0; i<imageArr.length; i++){
    let file = {uri: imageArr[i].image_uri, type: 'multipart/form-data'};
    formData.append("file",file);
  }