javascript - 在 react-native 中使用 Blob 下载文件

Question

由于 React-native v0.54和世博会SDK v26 , 现在支持 Blob。

我正在尝试将 URL 上可用的文件下载到我的手机(如果可能，在我的 Android 上的 Downloads 目录中)

我现在只能找到使用 react-native-fetch-blob 的现有解决方案这似乎不再需要了。

如果有人可以在 Expo snack 上提供有关如何开始实现此功能的简短示例

Answer 1

世博会
文件系统
您可以使用 FileSystem下载内容并将其保存在 下的模块目录 在您的设备上。
安装

托管工作流

$ expo install expo-file-system

裸工作流

在简单的工作流程上，请按照说明 here .
用法

导入模块

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

创建一个可恢复的下载。

使用 异步/等待

await FileSystem.downloadAsync(URI, FILE_URI, OPTIONS);

使用 promise

FileSystem.downloadAsync(
  'http://techslides.com/demos/sample-videos/small.mp4',
  FileSystem.documentDirectory + 'small.mp4'
)
  .then(({ uri }) => {
    console.log('Finished downloading to ', uri);
  })
  .catch(error => {
    console.error(error);
  });

笔记
请记住，为了保存/存储下载的内容，您需要传递 有效目录路径/uri。即 FileSystem.documentDirectory + 'small.mp4' .为了保证目录的路径存在，可以使用 FileSystem 模块本身来创建目录。像这样: await FileSystem.makeDirectoryAsync(path, { intermediates: true }); .选项对象采用 中间体 该属性确保如果您尝试创建多级目录，它还将为您创建父文件夹(如果不退出)。