Error when trying to download image on android (ionic v4)

Question

I am using ionic v4 and the ngx-qrcode library to generate a qrcode. However I also need to download this generated qrcode, but ionic does not perform any action when I click the button on android. In the browser works.

getImage(): void {
    const canvas = document.querySelector('canvas') as HTMLCanvasElement;

    const imageData = canvas.toDataURL('image/jpeg').toString();
    const img = document.createElement('img');
    img.src = imageData;

    const a = document.createElement('a');
    a.setAttribute('download', 'YourFileName.jpeg');
    a.setAttribute('href', imageData);
    a.appendChild(img);
    a.click();
  }

At the moment when I click the download button that is in html, it only works if I am in the browser, but in android nothing happens

Native plugin is required for phone .Take a look at this link https://stackoverflow.com/a/51318163/10127727 — AbdulAzeem, May 25 '19 at 05:15
Filetransfer is deprecated. Note that it is a new version of the ionic where the documentation is very scarce — Willian Ferreira, May 27 '19 at 01:08

score 0 · Answer 1 · answered Feb 11 '20 at 04:14

You can't use a link with the download attribute, You need to use a file native plugin of cordova. I share this code:

import {File} from '@ionic-native/file/ngx';

save(){
  this.file.writeFile(this.file.applicationStorageDirectory, name, data)
    .then((entry)=>{
        console.log(entry);
    }).catch((err)=>{
        console.log(err);
  })
}

Here info about store file

Error when trying to download image on android (ionic v4)

1 Answers1