react-native - React Native 加速将图像 uri 转换为 base64

Question

我正在开发一个 react 原生 iOS 应用程序，我想从用户的相机胶卷中获取某些图像并将它们保存在云存储中(现在我正在使用 Firebase)。

我目前正在从相机胶卷中获取图像，为了将每个图像保存到云中，我将每个图像 uri 转换为 base64，然后使用 react-native-fetch-blob 转换为 blob。图书馆。虽然这是有效的，但我发现每个图像的 base64 转换过程需要很长时间。

来自相机胶卷的示例图像:


从相机胶卷中获取每个图像的图像 uri、将其转换并将其存储到云存储的最有效/最快捷的方法是什么。
有没有更好的方法可以处理这个问题？使用 Web Workers 会加速 base64 转换过程吗？

我当前的图像转换过程:

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);
    })
}

Answer 1

我发现下面的解决方案对加快流程非常有帮助。 base64 转换现在发生在 native 端，而不是通过 JS。

React Native: Creating a custom module to upload camera roll images.

还值得注意的是，这会将图像转换为缩略图分辨率。

要将图像转换为全分辨率，请在此处遵循 guillaumepiot 的解决方案:
https://github.com/scottdixon/react-native-upload-from-camera-roll/issues/1