微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决有没有办法在上传反应原生之前检查图像大小?

我目前在我的项目中使用图像选择器和图像操纵器来上传压缩图像。但我想向用户展示他不能上传大于任何特定尺寸的图像(比如 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 字节,将切换布尔值。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。