Télécharger un fichier Excel (.xlsx) en utilisant blob dans angulaire 2

Question

Comment télécharger un fichier .xlsx enregistré dans un dossier de projet angulaire 2 à partir d'un navigateur utilisant blob. Je suis en mesure de télécharger un fichier CSV en utilisant le code suivant:

return this.http.get(fileUrl, {headers: headerInfo}) 
    .map((response: any) => { 
     return new Blob([response._body], {type: 'text/csv'}); 
    }); 

Toute aide serait appréciée! Merci!

Answer 1

Vous pourriez probablement utiliser fetch et file-saver pour récupérer le fichier Excel:

import { saveAs } from 'file-saver'; 

// Client side. 
// Note: it helps it server serves the appropriate response header, like e.g. 
// 'Content-Type': 'application/vnd.openxmlformats' 

return fetch(excelFileUrl, { headers: headerInfo }) 
    .then(res => res.blob()) // extract binary blob from response 
    .then(blob => { 
    // Download blob with file-saver 
    FileSaver.saveAs(blob, "MyFile.xlsx"); 
    }) 
    .catch((err) => { console.error('Excel download failed', err); });