[Error: Download manager download failed, the file does not downloaded to destination.]

I am trying to donwload image Here image do get to destination folder but the problem is it gives error saying

[Error: Download manager download failed, the file does not downloaded to destination.]

• “react-native”: “0.63.0”, *“rn-fetch-blob”: “^0.12.0”

Code Snippets

const checkPermission = async (image: string) => {
    if (Platform.OS === 'android') {
      try {
        const granted = await PermissionsAndroid.request(
          PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
          {
            title: 'Storage Permission Required',
            message: 'This app needs access to your storage to download Photos',
            buttonPositive: 'OK',
          },
        );
        if (granted === PermissionsAndroid.RESULTS.GRANTED) {
          console.log('Storage Permission Granted.');
          handleDownload(image);
        } else {
          Alert.alert('Storage Permission Not Granted');
        }
      } catch (err) {
        console.warn(err);
      }
    }
  };
  const getExtention = (filename: string) => {
    //To get the file extension
    return /[.]/.exec(filename) ? /[^.]+$/.exec(filename) : undefined;
  };

  const handleDownload = async (image: string) => {
    let date = new Date();
    let image_url = image;
    let ext = getExtention(image_url);
  
    const {config, fs} = RNFetchBlob;
    let pictureDir = fs.dirs.PictureDir;
    let options = {
      fileCache: true,
      addAndroidDownloads: {
        useDownloadManager: true,
        notification: true,
        path: 
         pictureDir +
         '/wallace_' +
         Math.floor(date.getTime() + date.getSeconds() / 2) +
        '.' +
         ext,
        description: 'Image',
      },
    };
    config(options)
      .fetch('GET', image_url)
      .then((res) => res.json())
      .then((res) => {
        console.log(res.path());
        Alert.alert('Image Downloaded Successfully.');
      })
      .catch((err) => {
        console.log(err);
        // Alert.alert('Download Failed', err.message);
      });
  };

[sonisourabh]

I have also faced the similar issue i.e. write file on documentDir simply crashed for me. My project configuration is:

• Android sdk 29
• React Native 0.63.2

I found a workaround in Android documentation, which is, add android:requestLegacyExternalStorage="true" in AndroidManifest.xml file:

<application android:requestLegacyExternalStorage="true" ...

Reference: https://developer.android.com/reference/android/R.attr#requestLegacyExternalStorage

Hope that this will be useful for some of you who are struggling with crash/failure of rn-fetch-blob with Android sdk 29

[Jeyoung-Park]

I solved it. In my case, there was a problem about filename.

As you can see, there are some special characters that are not allowed to use in filenames in android. The characters below are those. \ < > * " : ? \ |

this is my configOptions at first

const configOptions = Platform.select({
            ios: {
                path: RNFetchBlob.fs.dirs.DownloadDir+'/'+file.fileRealName
            },
            android: {
                addAndroidDownloads: {
                    useDownloadManager: true,
                    notification: true,
                    path: RNFetchBlob.fs.dirs.DownloadDir+'/'+file.fileRealName
                }
            }
        })

but there were problems when the filename contains \ < > * " : ? \ |. I think android download manager automatically change the characters above to _ and store in phone

so I changed the filepath like this(replace \ < > * " : ? \ | to _ in filePath

const regExp=/\/|<|>|\*|"|:|\?|\\|\|/g;

        const configOptions = Platform.select({
            ios: {
                path: RNFetchBlob.fs.dirs.DownloadDir+'/'+file.fileRealName.replace(regExp, '_')
            },
            android: {
                addAndroidDownloads: {
                    useDownloadManager: true,
                    notification: true,
                    path: RNFetchBlob.fs.dirs.DownloadDir+'/'+file.fileRealName.replace(regExp, '_')
                }
            }
        })