Unable to download file using ionic file transfer plugin in ionic 5+

Question

here im using ionic file transfer plugin for downloading a file and when ever i tried to download the file im getting below error

and also every time i build a file i need to add the below code in android also

public class FileProvider extends androidx.core.content.FileProvider

is there any other alternative for this download . i checked capacitor site but im not sure how to use file storage plugin in that and below is my code using file transfer

 pdfUrl = 'https://www.cs.toronto.edu/~hinton/absps/NatureDeepReview.pdf';


  constructor(private transfer: FileTransfer, private file: File) {}

  download() {
    const fileTransfer: FileTransferObject = this.transfer.create();
    const url = this.pdfUrl;
  fileTransfer.download(url, this.file.dataDirectory).then((entry) => {
    console.log('download complete: ' + entry.toURL());
    this.saveData = entry.toURL();

  }, (error) => {
    // handle error
    console.log(error);
  });

jcesarmobile · Accepted Answer · 2021-06-29 11:11:45Z

3

On Android, cordova-plugin-file-transfer requires cordova-plugin-whitelist.

Install it with npm install cordova-plugin-whitelist and then run npx cap update

Also, cordova-plugin-file-transfer requires the path to the file where you want to write, you passed a directory, you should change fileTransfer.download(url, this.file.dataDirectory) to fileTransfer.download(url, this.file.dataDirectory + '/NatureDeepReview.pdf')

answered Jun 29, 2021 at 11:11

jcesarmobile

53.5k12 gold badges141 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mustafa Wali · Accepted Answer · 2021-07-01 00:18:06Z

1

try to the following :

firstly add the plugin: cordova-plugin-whitelist

secondely in the config.xml add the following <access origin="*" />

and the reference is used to answer the issue is :
https://github.com/ionic-team/capacitor/issues/1199

edited Jul 1, 2021 at 0:18

answered Jun 30, 2021 at 22:47

Mustafa Wali

1567 bronze badges

Comments

divyraj · Accepted Answer · 2021-11-15 04:07:14Z

1

Check permission in your android manifest file and try again if your manifest file ok you added your permission then you have to check your destination route.

in your android manifest file

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

edited Nov 15, 2021 at 4:07

answered Nov 13, 2021 at 7:35

divyraj

1932 silver badges15 bronze badges

1 Comment

IDK4real Over a year ago

This does not provide an answer to the question. Once you have sufficient reputation you will be able to comment on any post; instead, provide answers that don't require clarification from the asker. - From Review

Kinglish · Accepted Answer · 2021-06-26 00:26:23Z

0

You probably need to create a whitelist - download the plugin via NPM

$ cordova plugin add cordova-plugin-whitelist

And add the following to config.xml

<access origin="*" subdomains="true" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />

answered Jun 26, 2021 at 0:26

Kinglish

23.7k4 gold badges25 silver badges43 bronze badges

Collectives™ on Stack Overflow

Unable to download file using ionic file transfer plugin in ionic 5+

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related