La llamada de API al servidor está devolviendo un archivo zip con Content-Disposition en formato attachment, <filename> Estoy usando saveAs de FileSaver para guardar el archivo.
this.ajax.raw(requestUrl, { dataType: 'binary', xhr: () => { const myXhr = $.ajaxSettings.xhr() myXhr.responseType = 'blob' return myXhr } }).then((response) => { this.downloadSuccess(response, minTimeString, maxTimeString, downloadCompletedMessage) }).catch((e) => { this.downloadError(e) }) downloadSuccess (response, minTime, maxTime, downloadCompletedMessage) { const filename = (response.jqXHR.getResponseHeader('Content-Disposition').split('"')[1]) saveAs(response.payload, filename, 'application/zip')Esto funciona bien para archivos pequeños, pero falla si el archivo tiene más de 2 Gb (el archivo se descarga correctamente pero el archivo guardado es de solo 1 Kb).
Durante mi investigación, vi que el navegador puede descargar el archivo sin FileSaver si la respuesta tiene Content-Disposition lo cual es cierto en mi caso. Pero no soy capaz de averiguar cómo.
¿Necesito usar la solicitud de manera diferente?
De documentos :
El encabezado adjunto de disposición de contenido es la mejor forma de descargar archivos desde el navegador. Tiene una mejor compatibilidad entre navegadores, no tendrá ningún límite de memoria y no requiere JavaScript.
No necesita una ajax request para descargar el archivo. Solo asegúrese de que el servidor agregue el encabezado Content-Disposition y proporcione un enlace para descargar.
Si también puede usar el atributo de descarga de anclaje de HTML5.
Hace que el navegador trate la URL vinculada como una descarga.
const link = document.createElement('a'); link.href = '/xyz/abc.pdf'; link.download = "file.pdf"; link.dispatchEvent(new MouseEvent('click')); <a href="/xyz/abc.pdf" download="file.pdf"></a>