我正在开发一个React Native iOS应用程序,在其中我想从用户的相机胶卷中获取某些图像并将它们保存在云存储中(目前我正在使用Firebase)。
目前,我正在从相机胶卷中获取图像,并为了将每个图像保存到云端,我正在使用react-native-fetch-blob库将每个图像URI转换为base64,然后转换为blob。虽然这种方法有效,但我发现每个图像转换为base64的过程非常耗时。
来自相机胶卷的一个示例图像:
最有效/最快的方法是什么,可以获取每个图像的URI,将其转换并存储到云存储中? 我能否以更好的方式处理这个问题? 使用Web Workers会加快base64转换过程吗?
我的当前图像转换过程:
目前,我正在从相机胶卷中获取图像,并为了将每个图像保存到云端,我正在使用react-native-fetch-blob库将每个图像URI转换为base64,然后转换为blob。虽然这种方法有效,但我发现每个图像转换为base64的过程非常耗时。
来自相机胶卷的一个示例图像:
![enter image description here](https://istack.dev59.com/DPuDj.webp)
我的当前图像转换过程:
import RNFetchBlob from 'react-native-fetch-blob';
const Blob = RNFetchBlob.polyfill.Blob;
const fs = RNFetchBlob.fs
window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest
window.Blob = Blob
function saveImages(images) {
let blobs = await Promise.all(images.map(async asset => {
let response = await convertImageToBlob(asset.node.image.uri);
return response;
}));
// I will then send the array of blobs to Firebase storage
}
function convertImageToBlob(uri, mime = 'image/jpg') {
const uploadUri = uri.replace('file://', '');
return new Promise(async (resolve, reject) => {
let data = await readStream(uploadUri);
let blob = await Blob.build(data, { type: `${mime};BASE64` });
resolve(blob);
})
}
function readStream(uri) {
return new Promise(async (resolve, reject) => {
let response = await fs.readFile(uri, 'base64');
resolve(response);
})
}