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

Question

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

我想要创建一个新的Javascript函数从智能手机获取图像作为JSON。这是我的行动，这应运行：

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

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

 
}

我已经寻找可能的解决方案，并发现fileAPI。但我不知道，如果可以将其用于此用例，或者由于PWA服务人员可能会有更好的解决方案。

Answer 1

如果你正在创建一个移动应用程序，你应该看看React Native。这是React for mobile。然后您可以使用Expo.io及其ImagePicker函数。

返回

如果用户取消了图像拍摄，返回{取消：真}。其中，uri是本地图像文件的URI（可用于react-native图像标签）和width，height指定图像的尺寸。{0} {0}