解决方案

Question

我正在使用File System API库中的react-native-fetch-blob。

我从服务器请求一个图像，接收一个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!!")

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

问题
图像保存成功，但是当我打开Android的图库时，它是不可见的。但是当我关闭并在Android模拟器上时，它会在图库中显示。

问题
如何在Android画廊中查看图像而无需重新启动模拟器？

解决方案

我在创建文件后将其添加到上述方法中：

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

谢谢你@Xeijp。

Answer 1

在Android中，要在图库中显示图片，您需要使用媒体扫描仪＆＃39;在那个文件上。 react-native-fetch-blob确实为此

提供了API

fs.scanFile(path_of_the_file)

document

Answer 2

图库从媒体数据库中获取内容。媒体扫描程序分析文件系统并相应地更新媒体数据库。可能需要一些时间，直到mediascanner找到您的新图像。

您可以要求媒体扫描仪分析您刚刚保存图像的目录，如how to run media scanner in android
或者您可以按照https://stackoverflow.com/a/38383848/519334

将图像保存到图库仅在重新启动手机时显示 - React-Native Android

解决方案

2 个答案: