Comment télécharger un pdf en utilisant FileSaver et Angular 2

Question

J'ai stocké un fichier pdf dans mon projet angulaire 2. Je veux télécharger ce fichier en cliquant sur un bouton. Voici mon html code-

<a class="btn-u btn-u-sm" (click)="SaveDemo()">Download <i class="fa fa-angle-double-right margin-left-5"></i></a> 

Et les component.ts

import { Component } from '@angular/core'; 
import { RegistrationComponent } from '../registration/app.registration'; 
import { saveAs } from 'file-saver'; 

@Component({ 
    templateUrl: './app.pronto.html' 
}) 
export class ProntoComponent { 
    SaveDemo() { 
     let file = new Blob(['../../../files/Skybase.pdf'], { type: 'application/pdf;charset=utf-8' }); 
     saveAs(file, 'Skybase.pdf') 
    } 
} 

Mais un pdf en blanc est en cours de téléchargement. Que devrais-je faire?

Answer 1

Si le fichier est sur le même répertoire du projet

Pourquoi utilisez-vous tant de codage pour cela, vous pouvez utiliser directement download attribut de a tag

<a href="path_to_pdf" download> 

REMARQUE: Si votre chemin est correct, votre fichier sera téléchargé sinon il sera vide, le même problème est dans votre code. Vérifiez votre chemin de fichier et assurez-vous que c'est correct.

---

<a href="path_to_pdf" download="new_filename">

Indique le nouveau nom du fichier téléchargé

<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg" download="w3logo">W3 Logo</a>