7

画像を A​​ndroid のローカル ファイル システムに保存して、携帯電話の「ギャラリー」やフォルダで表示できるようにすることはできますか??

このreact-native-fsライブラリを見つけましたが、ドキュメントを調べて例を試した後でも、それが可能かどうかはわかりません。

ありがとう

4

2 に答える 2

15

同じ問題を抱えている人には、ここに解決策があります。

解決

react-native-fetch-blobライブラリのファイル システム 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")
})

楽しみ！

于 2016-08-09T12:09:17.533 に答える
12

これはreact-native-fsで絶対に実行できます。PicturesDirectoryPathプロジェクトの README に記載されていない定数があります。そこにファイルを保存すると、ギャラリー アプリに表示されます。自分のアルバムに表示したい場合は、そのフォルダーに新しいディレクトリを作成し、そこにファイルを保存します。

const myAlbumPath = RNFS.PicturesDirectoryPath + '/My Album'

RNFS.mkdir(myAlbumPath)
  .then(/* write/copy/download your image file into myAlbumPath here */)

代わりに、アプリのプライベート キャッシュ ディレクトリに画像を保存することをやめたため、完全なサンプル コードはありません。とにかくこれが役立つことを願っています！

于 2016-07-22T10:04:55.757 に答える