React Native 0.59.8如何下载未知扩展名的网络文件？

在RN 0.59.8这个相对老旧的版本里，处理未知扩展名的文件下载，我最推荐用rn-fetch-blob这个库——它对旧版本RN的兼容性拉满，而且能灵活处理这类场景。下面是一步步的实现方案：

1. 安装适配版本的依赖 #

因为RN 0.59.8比较老，要安装对应版本的rn-fetch-blob，避免版本不兼容问题：

# npm安装
npm install rn-fetch-blob@0.10.15 --save

# 或者yarn
yarn add rn-fetch-blob@0.10.15

安装完成后，别忘了执行link（RN 0.59可能需要手动link，自动link有时候会出问题）：

react-native link rn-fetch-blob

2. 核心下载逻辑 #

关键思路是：先发起请求获取文件，从响应头的Content-Type字段推断扩展名，再保存文件。代码示例如下：

import RNFetchBlob from 'rn-fetch-blob';

const downloadUnknownExtFile = async (fileUrl) => {
  try {
    // 配置请求，启用文件缓存（也可以指定自定义存储路径）
    const response = await RNFetchBlob.config({
      fileCache: true,
    }).fetch('GET', fileUrl);

    // 从响应头中提取Content-Type（兼容大小写）
    const headers = response.info().headers;
    const contentType = headers['Content-Type'] || headers['content-type'];
    
    // 定义MIME类型到扩展名的映射表，可根据业务需求补充
    const mimeExtensionMap = {
      'image/jpeg': '.jpg',
      'image/png': '.png',
      'application/pdf': '.pdf',
      'application/vnd.ms-excel': '.xls',
      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': '.xlsx',
      'text/plain': '.txt',
      'application/zip': '.zip',
      'application/json': '.json',
    };

    // 根据Content-Type获取扩展名，默认用.bin兜底
    const fileExtension = mimeExtensionMap[contentType] || '.bin';

    // 获取临时缓存的文件路径，重命名为带扩展名的路径
    const tempFilePath = response.path();
    const finalFilePath = tempFilePath.replace(/\.[^/.]+$/, '') + fileExtension;
    
    // 执行重命名操作
    await RNFetchBlob.fs.mv(tempFilePath, finalFilePath);

    // 下载完成，返回最终文件路径，可用于后续打开或上传等操作
    console.log('文件下载成功，路径：', finalFilePath);
    return finalFilePath;
  } catch (error) {
    console.error('下载出错：', error);
    throw error; // 抛出错误让上层处理
  }
};

3. 权限配置（重要） #

• Android：在android/app/src/main/AndroidManifest.xml中添加存储权限：

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

• iOS：在Info.plist中添加文件访问权限描述（根据需求选择）：

<key>NSPhotoLibraryAddUsageDescription</key>
<string>需要访问相册以保存下载的文件</string>
<key>NSFileProviderDomainUsageDescription</key>
<string>需要访问文件系统以保存下载的文件</string>

补充说明 #

• 如果API响应头里没有返回Content-Type，或者你的映射表没覆盖到对应的MIME类型，代码会默认用.bin作为扩展名，这样至少能保证文件被完整保存，后续可以手动识别或修改扩展名。
• 如果你希望将文件保存到指定目录而不是缓存目录，可以修改RNFetchBlob.config中的path参数，比如指定外部存储的某个文件夹：

RNFetchBlob.config({
  path: `${RNFetchBlob.fs.dirs.DownloadDir}/my-file${fileExtension}`
})

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