React-native-android – 如何将图像保存到Android文件系统并在

解

我正在使用react-native-fetch-blob库中的File System API.这是因为我认为它比’react-native-fs’库更好地记录和更容易理解.

我从服务器请求一个图像,接收一个base64然后我将它保存到android fs中的Pictures目录.

我像这样保存图像：

var RNFetchBlob = require('react-native-fetch-blob').default;

const PictureDir = RNFetchBlob.fs.dirs.PictureDir;

getImageAttachment: function(uri_attachment,filename_attachment,mimetype_attachment) {

   return new Promise((RESOLVE,REJECT) => {

   // Fetch attachment
   RNFetchBlob.fetch('GET',config.apiRoot+'/app/'+uri_attachment)
   .then((response) => {

     let base64Str = response.data;

     let imageLocation = PictureDir+'/'+filename_attachment;

     //Save image
     fs.writeFile(imageLocation,base64Str,'base64');
     console.log("FILE CREATED!!")

     RNFetchBlob.fs.scanFile([ { path : imageLocation,mime : mimetype_attachment } ])
     .then(() => {
       console.log("scan file success")
     })
     .catch((err) => {
       console.log("scan file error")
     })

    }).catch((error) => {
    // error handling
    console.log("Error:",error)
  });
},

上述方法中的以下代码会刷新图库,否则图像将无法显示,直到手机关闭并重新打开.

RNFetchBlob.fs.scanFile([ { path : imageLocation,mime : mimetype_attachment } ])
.then(() => {
  console.log("scan file success")
})
.catch((err) => {
  console.log("scan file error")
})

请享用！