Webアプリケーションの起動時にローカルファイルをロードする

Question

React + Reduxを使用して新しいプログレッシブWebアプリケーションを作成します。 Webアプリケーションは、デバイス（スマートフォン）のローカルイメージをグリッド表示で表示する必要があります。 （ネイティブギャラリーアプリに似ています）。

JSONとしてスマートフォンからイメージを取得するための新しいJavascript関数を作成したいと考えています。

export const getImages =() => { 
 
return { 
 
    type: 'GET_IMAGES', 
 
    images: loadImages() 
 
} 
 
}; 
 

 
function loadImages() { 
 
//Retrieve all the images from local storage 
 

 
}

私はすでに可能な解決策を探したとfileAPIを見つけました：これが実行されなければならない自分の行動、です。しかし、このユースケースに使用することが可能か、またはPWAサービスワーカーのためにより良い解決策があるかどうかはわかりません。

Answer 1

モバイルアプリを作成する場合は、React Nativeをご覧ください。これはモバイルのためのリアクションです。次に、Expo.ioとそのImagePicker機能を使用できます。

戻り

ユーザが画像ピッキング、戻りをキャンセルした場合は、{キャンセル：真}。

そうでない場合は、{cancelled：false、uri、width、height}が返されます。uriはローカルイメージファイルのURIです（反応ネイティブイメージタグで使用可能）。width、heightはイメージの寸法を指定します。