iOS平台React Native Document Picker获取真实路径错误求助

问题根源 #

iOS沙箱机制限制了应用对其他目录的访问权限，DocumentPicker返回的原始路径属于系统临时目录或其他应用沙箱，应用仅拥有临时访问权限，重启或文件移动后路径会失效，直接访问会触发"文件不存在"错误。

可行解决方案 #

1. 复制文件到应用自有沙箱目录 #

借助react-native-fs模块，将选中的文件复制到应用的Documents或Cache目录，获得稳定可访问的路径：

步骤：

• 安装依赖（未安装时）：

  npm install react-native-fs --save
  # 或 yarn add react-native-fs
  

• 实现文件选择与复制逻辑：

  import DocumentPicker from 'react-native-document-picker';
  import RNFS from 'react-native-fs';
  
  const pickAndCopyDocument = async () => {
    try {
      const pickResult = await DocumentPicker.pick({
        type: [DocumentPicker.types.allFiles],
      });
  
      // 定义目标路径：应用Documents目录 + 原文件名
      const targetPath = `${RNFS.DocumentDirectoryPath}/${pickResult.name}`;
  
      // 复制文件到目标路径
      await RNFS.copyFile(pickResult.uri, targetPath);
  
      // 此时targetPath为稳定可访问的真实路径
      console.log('可用文件路径：', targetPath);
    } catch (error) {
      if (DocumentPicker.isCancel(error)) {
        console.log('用户取消文件选择');
      } else {
        console.error('文件处理失败：', error);
      }
    }
  };
  

2. 使用DocumentPicker自带的复制功能（版本≥8.0.0） #

新版本的react-native-document-picker支持直接在选择时复制文件到应用沙箱，无需额外依赖：

import DocumentPicker from 'react-native-document-picker';

const pickDocument = async () => {
  try {
    const result = await DocumentPicker.pick({
      type: [DocumentPicker.types.allFiles],
      copyTo: 'documentDirectory', // 指定复制到应用Documents目录
    });

    // 此时result.uri即为应用沙箱内的可访问路径
    console.log('可用文件路径：', result.uri);
  } catch (error) {
    if (DocumentPicker.isCancel(error)) {
      console.log('用户取消选择');
    } else {
      console.error('文件选择错误：', error);
    }
  }
};

3. 检查iOS权限配置 #

确保Info.plist中添加文件访问权限描述，避免因权限不足导致路径访问失败：

<key>NSDocumentPickerUsageDescription</key>
<string>需要访问您的文件以进行处理或上传</string>

内容的提问来源于stack exchange，提问作者Abdul_Al Joboyer-chy