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

Question

我使用 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 服务人员。

Answer 1

如果您正在创建移动应用程序，您应该查看React Native。这是移动端的 React。然后你可以使用Expo.io 和他们的ImagePicker 函数。

退货

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

否则，返回 {cancelled: false, uri, width, height }，其中 uri 是本地图像文件的 URI（可用于 react-native Image 标签），width、height 指定图像的尺寸。