在Web应用程序启动时加载本地文件

时间:2017-05-26 09:41:04

标签: javascript reactjs progressive-web-apps

我使用React + Redux创建了一个新的渐进式Web应用程序。 Web应用程序应在网格视图中显示设备(智能手机)的本地图像。 (类似于原生图库应用)。

我想创建一个新的Javascript函数,用于将智能手机中的图像作为JSON获取。这是我的行动,应该运行:

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

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

}

我已经找了可能的解决方案并找到了fileAPI。但我不知道,是否有可能将其用于此用例,或者由于PWA服务工作者可以提供更好的解决方案。

1 个答案:

答案 0 :(得分:0)

如果您要创建移动应用,则应该查看React Native。这是React for mobile。然后,您可以使用Expo.io及其ImagePicker功能。

  

<强>返回

     

如果用户取消了图像拾取,则返回{canceled:true}。

     

否则,返回{canceled:false,uri,width,height}其中uri是本地图像文件的URI(可在react-native Image标签中使用),width,height指定图像的尺寸。