react-native-fs icon indicating copy to clipboard operation
react-native-fs copied to clipboard

IOS file downloaded not able to be located on device

Open Znow opened this issue 4 years ago • 18 comments

Hi there

Using a standard implementation to download files and save them locally on the device. When they are downloaded, I am not able to locate them on the device with for example "File Explorer" app, tried on emulator and physical iPad.

const urlExtensions = this.getUrlExtension(attachment.url);
      const localFile = `${RNFS.LibraryDirectoryPath}/${attachment.title}.${urlExtensions}`;
  
      const options = {
        fromUrl: attachment.url,
        toFile: localFile,
        fileCache: true
      };

      if (await RNFS.exists(localFile)) {
        FileViewer.open(localFile);
      } else {
        await RNFS.downloadFile(options).promise
        .then(() => { 
          FileViewer.open(localFile);
        })
        .then((res) => {
          // success
          // console.log("success");
        })
        .catch(error => {
          // error
          console.log("Attachment open error: ", error);
        });
      }

Also tried to use "DocumentDirectoryPath", same issue.

Thanks in advance

Regards

Znow avatar Jun 23 '20 14:06 Znow

But did you check if the file exists at the given path?

exotexot avatar Jun 24 '20 13:06 exotexot

At which path? I'm able to view the file in my application...

Znow avatar Jun 24 '20 13:06 Znow

Hello, I am having same issue, cant locate file on device. I am using this path RNFetchBlob.fs?.dirs?.DownloadDir

     ` downloadSupplementFile = async (data) => {
	const dirs = RNFetchBlob.fs?.dirs?.DownloadDir;
	try {
		  this.fetchFile(data, dirs);
	      } catch (err) { }
 };
 
      fetchFile = (data, dirs) => {
	RNFetchBlob.config({
		fileCache: true,
		addAndroidDownloads: {
			useDownloadManager: true,
			notification: true,
			mediaScannable: true,
			title: data?.originalname,
			path: `${dirs}/${data?.originalname}`,
		},
	})
		.fetch('GET', data?.url)
		.then(async (res) => {
			try {
				if (Platform.OS === 'ios') {
					const file = res.path();
					let base64 = await res.base64();
					let len = await RNFetchBlob.fs.writeFile(file, base64, 'base64');
					return true;
				} else { return true}
			} catch (error) {
			}
		})
		.catch((err) =>  return true );
};`

gauravsbagul avatar Jun 30 '20 05:06 gauravsbagul

I solved this problem with share function, When you fetch the file on success it gives you path of the file where it is stored but you cant locate it physically to do so you have to take that path and call share using that link and then you can see the options to share that file and save in downloads.

fetchFile = (data) => { RNFetchBlob.config({ fileCache: true, addAndroidDownloads: { useDownloadManager: true, notification: true, mediaScannable: true, title: data?.originalname, path: ${dirs}/${data?.originalname}, }, }) .fetch('GET', data?.url) .then((res) => { if (Platform.OS === 'ios') { RNFetchBlob.ios.openDocument(res.data); return true; } else { console.log('The file saved to android ', res.path()); return true; } }) .catch((err) => { console.log('TCL:: fetchFile -> err', err); return true; }); };

gauravsbagul avatar Jul 07 '20 15:07 gauravsbagul

Having the same issue. In android it downloads the file perfectly in the specified folder. In iOS it says downloaded but it is nowhere saved :/

DracotMolver avatar Jan 04 '21 19:01 DracotMolver

I was facing the same issue I followed this solution and it started working. You have to add Yes to "Supports opening documents in place" and "Application supports iTunes file sharing" in Info.plist file. Hope this solves your issue.

https://stackoverflow.com/questions/54626359/react-native-fs-ios-not-showing-files-in-the-document-directory

FaisalAli19 avatar Jan 13 '21 16:01 FaisalAli19

@FaisalAli19 solution worked perfectly. The issue should be closed I guess.

DracotMolver avatar Jan 14 '21 17:01 DracotMolver

Thanks @FaisalAli19 , your solution worked for me with RNFS.DocumentDirectoryPath. By the way I got a 'ENOENT: no such file or directory' error message using RNFS.LibraryDirectoryPath

kotunde avatar Feb 03 '21 08:02 kotunde

Thanks @FaisalAli19 , your solution worked for me with RNFS.DocumentDirectoryPath. By the way I got a 'ENOENT: no such file or directory' error message using RNFS.LibraryDirectoryPath

Did you find any solution for this?

shahanshah87 avatar Jul 05 '21 08:07 shahanshah87

I was facing the same issue I followed this solution and it started working. You have to add Yes to "Supports opening documents in place" and "Application supports iTunes file sharing" in Info.plist file. Hope this solves your issue.

https://stackoverflow.com/questions/54626359/react-native-fs-ios-not-showing-files-in-the-document-directory

This works, now I only have android as the problem.

aprilmintacpineda avatar Dec 14 '21 00:12 aprilmintacpineda

Is @FaisalAli19 's linked solution working for everyone? It didn't work for me and I checked that the file is created in the DocumentDirectoryPath, and UIFileSharingEnabled and LSSupportsOpeningDocumentsInPlace are set to true/YES.

I had to use expo-sharing (I'm on bare workflow). It's actually a good work-around for those who are struggling with the solution from Stackoverflow.

EDIT: The solution from Stackoverflow works for iOS <= 14. It is 15 that has tripped me up so far.

UVStudio avatar Jan 28 '22 15:01 UVStudio

I've tried all the solutions in the thread and none of them worked for me. I've tested on iOS 15. Please help!

iamrohitagg avatar Sep 17 '22 06:09 iamrohitagg

Same for me :( I can't see the file I'm saving

HexNeck avatar Jan 31 '23 17:01 HexNeck

Bump

Niltonsf avatar Feb 27 '23 20:02 Niltonsf

Bump

roderickmonk avatar Mar 25 '23 14:03 roderickmonk

Same for me :( I can't see the file I'm saving

BouarourMohammed avatar Jun 03 '23 10:06 BouarourMohammed

Did someone find a solution here? I have the same problem on my iOS devices. The additions to the plist did not help.

Lixus avatar Mar 27 '24 11:03 Lixus

4 years later... and still no response from author @itinance, along with the other 544 issues...

Znow avatar Apr 02 '24 08:04 Znow