有什么方法可以在上传之前检查图像大小？

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 字节，将切换布尔值。

有什么方法可以在上传之前检查图像大小？

Is there any way to check a image size before uploading in react native?

javascript

image

image-upload

reactjs

react-native