Discussion :

[PhilippeGibault]

Bonjour,

J'ai un besoin spécifique et j'ouvre un nouveau post pour savoir si quelqu'un a une idée sur la meilleure façon de faire.

J'ai le contenu d'un fichier (ici word) encodé dans un String en base 64. J'ai aussi l'extension du fichier.

J'aimerais que si l'utilisateur clique sur un lien, il télécharge le contenu du fichier.

Y-a-t-il une bonne façon de faire.

Je recherche une solution avec un code simple, lisible et en évitant d'utiliser un potentiel framework/api.

Je vous remercie par avance.

Cordialement.

[PhilippeGibault]

J'ai réussi à trouver la solution.

Je me suis aidé du lien suivant:
https://stackblitz.com/edit/angular-...p.component.ts

Je vais préciser le besoin:

Je développe (pour le travail) une application de cooptation.
Pour coopter, on peut joindre un CV au format Word ou PDF.

Lorsque je coopte, je sauvegarde le fichier sous la forme d'un String en base 64.

Lorsque je liste les cooptés, j'ai deux cas:

1. Soit je suis en PDF et j'ouvre une fenêtre qui affiche le PDF
2. Sinon, je dois le télécharger.

Dans mon problème, j'ai le nom et prénom de coopté, son CV en String Base 64 et l'extension.

Pour le code HTML, j'ai donc:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div *ngIf="element.cv && element.extension !== '.pdf'">
  <mat-icon (click)="downloadCV(element.nom,element.prenom,element.cv,element.extension)">loupe</mat-icon>
</div>

Reste à écrire la fonction downloadCV qui a le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
public downloadCV(nom: String, prenom: String, content: string,extension:string):void{
    const fileContent = "data:application/octet-stream;base64," + content;
    const fileName = "cv_"+prenom + "_" +nom+extension;
    const downloadLink = document.createElement('a');
 
    downloadLink.href = fileContent;
    downloadLink.download = fileName;
    downloadLink.click();
  }

Cordialement.