¿Cómo establecer el nombre de archivo para blob en mecanografiado? Para IE, puedo configurar el nombre del archivo fácilmente, pero para Chrome parece imposible. Básicamente necesito algo similar a esta solución pero con mecanografiado
downloadFile(data: any) { var blob = new Blob([data], {type: 'text/csv'}); let fileName = 'my-test.csv'; if (window.navigator && window.navigator.msSaveOrOpenBlob) { //save file for IE window.navigator.msSaveOrOpenBlob(blob, fileName); } else { //save for other browsers: Chrome, Firefox var objectUrl = URL.createObjectURL(blob); window.open(objectUrl); } }esta función se llama desde html UI/angular 2:
<button type="button" class="btn btn-success" (click)="downloadFile('test')">Download <br /> Download </button>Para Chrome (y Firefox), debe trabajar un poco creando un elemento <a> y llamando al click :
downloadFile(data: any): void { const blob: Blob = new Blob([data], {type: 'text/csv'}); const fileName: string = 'my-test.csv'; const objectUrl: string = URL.createObjectURL(blob); const a: HTMLAnchorElement = document.createElement('a') as HTMLAnchorElement; a.href = objectUrl; a.download = fileName; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(objectUrl); }Aquí está el método de descarga que funciona en IE, Chrome y Firefox:
downloadCsvFile(data, fileName) { const csvName = fileName + '.csv'; const blob = new Blob([data], {type: 'text/csv'}); if (window.navigator && window.navigator.msSaveOrOpenBlob) { // IE window.navigator.msSaveOrOpenBlob(blob, csvName); window.navigator.msSaveOrOpenBlob(blob, csvName); } else { //Chrome & Firefox const a = document.createElement('a'); const url = window.URL.createObjectURL(blob); a.href = url; a.download = csvName; a.click(); window.URL.revokeObjectURL(url); a.remove(); } }