使用ImagePicker.launchCameraAsync()时fileName与assetId为Null的问题咨询

问题范围 #

这个fileName和assetId返回null的问题主要出现在iOS（iPhone）平台，Android设备上使用相机拍摄时通常会正常返回文件名。原因是iOS系统中，相机拍摄的图片会先存为临时缓存文件，系统不会自动分配原始文件名；而从图库选择的文件是已存在于系统相册的资源，自带完整元数据，因此所有属性都正常。

正式修复方案 #

1. 从URI中提取文件名 #

相机返回的uri最后一段是系统生成的唯一文件名（如901109CD-75B2-4E58-9BBC-8E8921D9070A.jpg），可以通过字符串截取直接获取：

const takePhoto = async () => {
    const { status } = await ImagePicker.requestCameraPermissionsAsync();
    if (status !== 'granted') {
      Alert.alert('Sorry, we need camera permissions to make this work!');
      return;
    }

    const result = await ImagePicker.launchCameraAsync({
      allowsEditing: true,
      aspect: [4, 3],
      quality: 1,
    });

    if (!result.canceled) {
      const asset = result.assets[0];
      // 从URI提取文件名作为备用
      const fileName = asset.fileName || asset.uri.split('/').pop();
      // 现在可以将fileName用于Appwrite上传
      console.log('处理后的文件名:', fileName);
    }
};

2. 借助Expo FileSystem获取文件信息 #

使用expo-file-system的getInfoAsync方法获取文件完整信息，结合URI提取确保文件名有效：

import * as FileSystem from 'expo-file-system';

const takePhoto = async () => {
    const { status } = await ImagePicker.requestCameraPermissionsAsync();
    if (status !== 'granted') {
      Alert.alert('Sorry, we need camera permissions to make this work!');
      return;
    }

    const result = await ImagePicker.launchCameraAsync({
      allowsEditing: true,
      aspect: [4, 3],
      quality: 1,
    });

    if (!result.canceled) {
      const asset = result.assets[0];
      const fileInfo = await FileSystem.getInfoAsync(asset.uri);
      const fileName = asset.fileName || fileInfo.uri.split('/').pop();
      // 用于Appwrite上传的fileName已就绪
    }
};

3. 升级Expo ImagePicker版本 #

部分旧版本的Expo ImagePicker存在相机模式下元数据返回不完整的bug，升级到最新稳定版的Expo SDK及ImagePicker可能直接解决问题。可以查看Expo官方更新日志，确认是否有针对该问题的修复（比如Expo SDK 49+版本对ImagePicker的元数据处理有优化）。

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