Come Creare un Download File in JavaScript – jQuery

Nel mondo dello sviluppo web, fornire agli utenti la possibilità di scaricare file è una pratica comune. In questo articolo, esploreremo come creare un sistema di download file usando JavaScript. Vedremo un esempio di codice che utilizza la funzione getDownload() per gestire il download di file tramite AJAX. Continua a leggere per scoprire come implementare questa soluzione nel tuo progetto web.

function getDownload(url, type, filename) {
    $.ajax({
        type: "GET",
        url: url,
        xhrFields: {
            responseType: 'blob'
        },
        success: function (data) {

            const blob = new Blob([data], {
                type: type
            });

            const url = window.URL.createObjectURL(blob);

            const a = document.createElement("a");
            a.href = url;
            a.download = filename;
            document.body.appendChild(a);
            a.click();

            window.URL.revokeObjectURL(url);
        },
        error: function () {
            // Gestisci l'errore, se necessario
        }
    });
}

Nel codice sopra riportato, la funzione getDownload() utilizza AJAX per scaricare un file dal server. Una volta che il file è stato scaricato con successo, viene creato un oggetto Blob contenente il file e viene generato un URL temporaneo. Questo URL viene associato a un elemento <a> nascosto, che viene fatto cliccare programmatically per avviare il download del file.