Pdf download not working on mobile

Ionic Framework Ionic Angular
1

I’ve created a page that in a button click downloads a specific pdf file from the database. It works fine in the browser but in an actual mobile, it doesn’t download the file.
Thanks in advance!
My code:

getPdfFile(item){  
    let array = new Uint8Array(item);
    let blob = new Blob([array], { type: 'application/pdf' });
    let url = URL.createObjectURL(blob);
    this.modalName = array;
    let fileName: string = new Date().toLocaleDateString();
    try {
      const link = document.createElement('a');
      if (link.download !== undefined) { 
        link.setAttribute('href', url);
        link.setAttribute('download', fileName);
        link.style.visibility = 'hidden';
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
      }
    } catch (e) {
      console.error('BlobToSaveAs error', e);
    }
  }

Is there a way I can show the pdf files without the need to download them?

2

What is the error you are running into?

3

It doesn’t bring up any errors, but when the button is clicked nothing changes, the functionality of the button is not working.

4

That’s way too less info to help you. Try adding some console logs to get more information

5

And maybe try to change your code to use the Angulars HttpClient to download the Blob: typescript - Angular: How to download a file from HttpClient? - Stack Overflow

6

@Kleaaaa , Did you find the solution?

7

I’m having the same issue, any ideas? Thought about using Capacitor Share but I’m not sure about that