react-native - React Native RNFetchBlob 获取下载后文件的 URI

Question

我正在开发一个 React Native 项目。我现在要做的是我正在下载下载的文件并将其保存到设备中。我正在使用这个包https://www.npmjs.com/package/rn-fetch-blob来下载文件。

这是我的代码

RNFetchBlob.config({
        fileCache: true,
      })
      .fetch('GET', 'https://static.standard.co.uk/s3fs-public/thumbnails/image/2016/05/22/11/davidbeckham.jpg?w968', {

      })
      .then((res) => {
        Alert.alert(res.path());
      })

下载后 res.path 会像这样返回路径。

我正在尝试将其转换为要使用 Image 组件显示的 URI。我尝试将以下状态对象绑定到 Image 组件。

{
  uri: res.path()
}

那没起效。这就是为什么作为下一次尝试，我试图将路径转换为 ​​URI 并显示 uri。我怎样才能做到这一点？

Answer 1

尝试提供要下载的文件的路径，

      const directoryFile = RNFS.ExternalStorageDirectoryPath + "/FolderName/";
      RNFS.mkdir(directoryFile);
      const urlDownload = input.url;
      let fileName;      
      fileName = "filename.zip";  
      let dirs = directoryFile + fileName;
      RNFetchBlob.config({
        // response data will be saved to this path if it has access right.
        path: dirs
      }).fetch("GET", urlDownload, {
      //some headers ..
    })
    .then(res => {
        console.log("The file saved to ", res.path());
        //RNFS.moveFile(dirs, directoryFile + fileName); // -> uncomment this line if it still does not store at your desired path
        alert("File Downloaded At Folder");
    })
    .catch(err => {
      console.log("Error: " + err);
    });