React Native：Image Crop Picker在安卓与iOS上同图字节大小不一致

我正在开发一款React Native应用，支持用户选择图片并上传至服务器，使用的是0.33.2版本的react-native-image-crop-picker库。有一张磁盘大小为5,979,564字节（约6MB）的图片，在iOS上通过该库以100%质量选择后，返回的图片大小显示为13167536字节，而安卓端选择同一张图片时，返回的大小和原文件一致，约为5979564字节。这导致我的图片大小验证逻辑失效，相关代码如下：

const LocalizationConstants = getTranslations();

let imagesArray = [...images];

let sizeInBytes = 0;

if (imagesArray?.length > this.state.maxFilesAllowed) {
  imagesArray = imagesArray?.slice?.(0, this.state.maxFilesAllowed);

  Snackbar.show({
    text: LocalizationConstants.SNACKBAR.IMAGES_COUNT_EXCEEDED(
      this.state.maxFilesAllowed,
    ),
    duration: Snackbar.LENGTH_LONG,
  });
}

imagesArray?.forEach?.((im) => {
  sizeInBytes += Number(im.size || 0);
});

const totalSize =
  imagesArray?.length * GENERIC_CONSTANTS.MAX_INDIVIDUAL_ATTACHMENT_SIZE; // 10 MB per file;

if (sizeInBytes / Math.pow(1024, 2) > totalSize) {
  Snackbar.show({
    text: LocalizationConstants.SNACKBAR.IMAGE_SIZE_EXCEEDED(
      GENERIC_CONSTANTS.MAX_INDIVIDUAL_ATTACHMENT_SIZE,
    ),
    duration: Snackbar.LENGTH_LONG,
  });
  return false;
}
return true;

1. 明确iOS端体积异常原因 #

iOS上该库选择图片时，即便设置100%质量，也可能自动对图片重新编码（比如把HEIC格式转成JPEG），导致文件体积膨胀，这是iOS图片处理机制和库的跨平台实现差异造成的。

2. 替换验证依赖的数据源 #

不要用库返回的im.size做验证，改用文件系统获取真实磁盘大小：

• 可以引入react-native-fs库，读取图片路径对应的真实文件大小，替代原size字段。示例代码：

import RNFS from 'react-native-fs';

// 替换原forEach累加大小的逻辑
let sizeInBytes = 0;
const sizePromises = imagesArray.map(async (im) => {
  if (im.path) {
    const fileStats = await RNFS.stat(im.path);
    return fileStats.size;
  }
  return Number(im.size || 0);
});

const realSizes = await Promise.all(sizePromises);
sizeInBytes = realSizes.reduce((total, size) => total + size, 0);

3. 调整图片选择配置 #

在调用图片选择器时，强制指定格式或关闭不必要的编码转换，尽量保留原文件状态：

ImagePicker.openPicker({
  quality: 1,
  compressImageFormat: 'heic', // 匹配原图片格式，避免转码
  includeBase64: false,
  // 其他原有配置
})

4. 升级库版本 #

考虑将react-native-image-crop-picker升级到较新版本，后续版本已修复了iOS端文件大小计算不准确的相关问题。

内容的提问来源于stack exchange，提问作者Waleed