React Native Expo中如何获取图片真实路径（非缓存）？

问题根源 #

iOS的照片库资源由系统统一管理，资源的文件路径（uri）是动态可变的——系统可能因优化、备份等操作移动文件位置；同时App重启后，之前的路径可能因沙盒权限限制无法直接访问。你当前存储的是临时路径或动态变化的uri，而非资源的唯一持久标识，导致重启后无法访问。

iOS照片库核心机制 #

• 每个照片资源对应系统的PHAsset对象，其唯一且永久不变的标识是localIdentifier（对应Expo中MediaLibrary返回的assetId）。
• 资源的uri是临时访问路径，不具备持久性，App重启或系统操作后可能失效。
• 必须通过assetId获取资源的最新有效路径，而非直接存储uri。

修正后的代码实现 #

1. 拍照并存储资源标识 #

将之前存储uri改为存储assetId：

const permission = await MediaLibrary.requestPermissionsAsync();
if (permission.granted) {
  const result = await ImagePicker.launchCameraAsync({
    mediaTypes: ImagePicker.MediaTypeOptions.Images,
    allowsEditing: true
  });

  for (const asset of (result?.assets || [])) {
    // 将相机拍摄的临时图片保存到媒体库
    const savedAsset = await MediaLibrary.createAssetAsync(asset.uri);
    // 存储assetId而非uri，确保持久化
    await storeImageLocation(savedAsset.assetId);   
  }
}  

2. 后续上传时获取有效路径 #

当需要上传图片时，通过存储的assetId获取最新的可用路径：

// 从自定义存储中取出之前保存的assetId
const assetId = await getStoredImageLocation();

// 每次访问前都检查权限（用户可能中途撤销授权）
const permission = await MediaLibrary.requestPermissionsAsync();
if (permission.granted) {
  // 通过assetId获取资源的最新信息
  const assetInfo = await MediaLibrary.getAssetInfoAsync(assetId);
  // 使用最新的localUri进行上传操作
  await uploadImage(assetInfo.localUri);
}

关键注意事项 #

• 权限检查不可少：每次访问媒体库前必须检查权限，用户可能在系统设置中撤销或重新授权。
• 避免依赖临时路径：相机返回的asset.uri是Expo的临时缓存路径，App重启后会被清除，必须通过createAssetAsync保存到媒体库后获取正式的assetId。
• 始终用assetId获取路径：无论何时需要访问图片，都通过MediaLibrary.getAssetInfoAsync(assetId)获取最新的localUri，确保路径有效。

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