0

react-native-fetch-blobライブラリのファイル システム APIを使用しています。

サーバーから画像をリクエストし、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。

4

2 に答える 2

3

Android でギャラリーに画像を表示するには、そのファイルに対して「メディア スキャナー」を使用する必要があります。react-native-fetch-blob は、このための API を提供します

fs.scanFile(path_of_the_file)

資料

于 2016-08-09T10:47:54.210 に答える
1

ギャラリーは、メディア データベースからコンテンツを取得します。メディア スキャナはファイルシステムを分析し、それに応じてメディア データベースを更新します。メディアスキャナが新しいイメージを見つけるまで、しばらく時間がかかる場合があります。

于 2016-08-09T10:50:10.017 に答える