有没有办法在上传反应原生之前检查图像大小？

问题描述

我目前在我的项目中使用图像选择器和图像操纵器来上传和压缩图像。但我想向用户展示他不能上传大于任何特定尺寸的图像（比如 5mb）。我如何在 react-native 中实现这一点？

解决方法

我实际上是在我的应用程序中使用 ImagePicker 做这件事。我是这样做的：

const result = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: "Images",allowsEditing: true,base64: true,quality: 1,});

if (!result.cancelled) {
    const fileSize = result.base64.length * (3 / 4) - 2;
    if (fileSize > 6000000) {
        setFileSizeError(true);
    } else {
        setFileSizeError(false);
        const base64 = `data:image/png;base64,${result.base64}`;
        await dispatch(myExampleAction(base64));
    }
}

文件大小由函数 -your base64 string length- * (3 / 4) - 2 计算。最后 - 2 的位置取决于您的 base64 后面有多少 ==。例如，只有一个 = 会改为 - 1。

fileSizeError 也由 setFileSizeError 设置。如果大于 6000000 字节，将切换布尔值。