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

Question

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

Answer 1

我实际上是在我的应用程序中使用 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 字节，则会切换布尔值。