Scarica il file utilizzando Javascript / jQuery


357

Ho un requisito molto simile specificato qui .

Ho bisogno che il browser dell'utente avvii manualmente un download quando $('a#someID').click();

Ma non posso usare il window.hrefmetodo, poiché sostituisce il contenuto della pagina corrente con il file che stai tentando di scaricare.

Invece voglio aprire il download in una nuova finestra / scheda. Com'è possibile?


Ho provato molte risposte in domande correlate, e questa è la risposta definitiva .
Basj,

L'impostazione di window.location.href funziona per me. Anche il contenuto della finestra NON cambia. Presumo tu abbia usato contentType sbagliato?
BluE,

Risposte:


379

Usa un invisibile <iframe>:

<iframe id="my_iframe" style="display:none;"></iframe>
<script>
function Download(url) {
    document.getElementById('my_iframe').src = url;
};
</script>

Per forzare il browser a scaricare un file che sarebbe altrimenti in grado di eseguire il rendering (come HTML o file di testo), è necessario che il server imposti il tipo MIME del file su un valore senza senso, come application/x-please-download-meo in alternativa application/octet-stream, che viene utilizzato per binari arbitrari dati.

Se desideri solo aprirlo in una nuova scheda, l'unico modo per farlo è che l'utente faccia clic su un collegamento con l' targetattributo impostato su _blank.

In jQuery:

$('a#someID').attr({target: '_blank', 
                    href  : 'http://localhost/directory/file.pdf'});

Ogni volta che si fa clic su quel collegamento, il file verrà scaricato in una nuova scheda / finestra.


4
Una pagina Web non può aprire automaticamente una nuova scheda. Per forzare il download del browser, fai in modo che il server invii il file pdf con un tipo MIME senza senso, come application / x-please-download-me
Randy the Dev

14
Ben fatto! Risolve bene il problema. Tuttavia, potresti voler usare: iframe.style.display = 'none'; questo nasconderà completamente l'iframe. L'implementazione corrente renderà invisibile l'iframe, ma l'iframe occuperà comunque spazio nella parte inferiore della pagina causando ulteriore spazio bianco.
Akrikos,

2
"Semi" funziona per me. Ho creato il seguente semplice test html: <html> <body> <iframe src = "fileurl"> </iframe> </body> </html> e viene scaricato, ma nella console di Chrome vedo che il download è stato "cancellato" e appare in rosso. Questo fa parte di un'app Web mobile più grande e il fatto che venga annullata interrompe l'app perché genera un errore Web generale. Qualche modo per aggirare questo?
Sagi Mann,

27
Bel frammento. Tuttavia, impostare un tipo di cose senza senso è un po 'inquietante. Per chiedere al browser di scaricare un file che può essere riprodotto, usa la seguente intestazione: Content-Disposition: attachment; filename="downloaded.pdf"(puoi ovviamente personalizzare il nome del file di cui hai bisogno).
Rixo,

2
Come posso forzare il download senza un server? Quindi solo una pagina html con alcuni javascript.
Rodrigo Ruiz,

221

Aggiornamento dei browser moderni 2019

Questo è l'approccio che ora consiglierei con alcune avvertenze:

  • È richiesto un browser relativamente moderno
  • Se si prevede che il file sia molto grande, è probabile che si debba fare qualcosa di simile all'approccio originale (iframe e cookie) perché alcune delle operazioni seguenti potrebbero consumare memoria di sistema almeno grande quanto il file da scaricare e / o altra CPU interessante effetti collaterali.

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(resp => resp.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    // the filename you want
    a.download = 'todo-1.json';
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!'); // or you know, something with better UX...
  })
  .catch(() => alert('oh no!'));

2012 approccio originale basato su jQuery / iframe / cookie

Ho creato il plug-in per il download dei file jQuery ( Demo ) ( GitHub ) che potrebbe anche aiutare con la tua situazione. Funziona in modo simile con un iframe ma ha alcune funzioni interessanti che ho trovato abbastanza utili:

  • Molto facile da configurare con elementi visivi piacevoli (finestra di dialogo dell'interfaccia utente jQuery, ma non obbligatorio), anche tutto è testato

  • L'utente non lascia mai la stessa pagina da cui ha avviato il download di un file. Questa funzione sta diventando cruciale per le moderne applicazioni Web

  • Le funzioni successCallback e failCallback consentono di essere espliciti su ciò che l'utente vede in entrambe le situazioni

  • Insieme all'interfaccia utente di jQuery, uno sviluppatore può facilmente mostrare un modale che dice all'utente che si sta verificando un download di file, sciogliere il modale dopo l'avvio del download o persino informare l'utente in modo amichevole che si è verificato un errore. Vedi la Demo per un esempio di questo. Spero che questo aiuti qualcuno!

Ecco una semplice demo del caso d'uso usando la fonte del plugin con le promesse. La pagina demo include anche molti altri esempi di "UX migliori".

$.fileDownload('some/file.pdf')
    .done(function () { alert('File download a success!'); })
    .fail(function () { alert('File download failed!'); });

@JohnCulviner: posso inviare dati json nel tuo metodo post. L'ho provato e fallito. Potete darmi un campione
Saravanan,

È possibile passare parametri alla chiamata? diciamo che devo passare alcuni ID per consentire al server di generare il file che desidero scaricare, come posso farlo? grazie
omer schleifer il

Ho fatto il 100. Voto positivo. Grazie per il tuo tempo - questo è davvero prezioso. Prendi in considerazione l'idea di creare un link PayPal per le donazioni. Avrei donato.
Stephan Schinkel,

L'ho provato ma i callback non vengono mai eseguiti. Il plug-in apre semplicemente la risposta del servizio in una nuova scheda anche quando il servizio restituisce un errore. Non desidero che l'applicazione apra una nuova scheda e visualizzi la risposta del servizio quando viene generato un errore. Ho anche aggiunto il cookie per indicare che il download di file è vero e falso in caso di esito positivo o negativo, ma la risposta si sta ancora aprendo in una nuova scheda.
Vishal Gulati,

1
@MarkAmery che funziona anche come indicato da altre risposte. Tale approccio (AFAIK) non fornisce feedback su quando inizia il download, quando è stato completato e se ha commesso un errore, il che è utile. Potrei aggiungerlo alla risposta per un'opzione "spara e dimentica". Anche l'attributo [download] non consente un POST o qualcosa di esotico.
John Culviner,

142
function downloadURI(uri, name) 
{
    var link = document.createElement("a");
    // If you don't know the name or want to use
    // the webserver default set name = ''
    link.setAttribute('download', name);
    link.href = uri;
    document.body.appendChild(link);
    link.click();
    link.remove();
}

Verifica se i browser di destinazione eseguiranno lo snippet sopra senza problemi:
http://caniuse.com/#feat=download


1
download il nome del file non è cambiato ... testato in chrome ad aprile 2015
Novellizator

7
Per me questo sarebbe perfetto, ma non funziona neanche su Firefox. Qualche idea?
g07kore,

2
Come menzionato in caniuse.com/#feat=download , questo funziona solo con collegamenti della stessa origine nelle recenti versioni di Firefox e Chrome. Quindi, se i tuoi collegamenti puntano a un altro dominio, per ora quasi non funziona da nessuna parte.
Jean-Baptiste,

9
Per farlo funzionare su Firefox, fai document.body.appendChild(link)prima del clic e dopo il clic puoi fare link.remove()per evitare di inquinare il DOM.
Okku,

1
Puoi anche fare link.download = ""in modo che mantenga il nome del file originale ed evitare di doverne impostare uno.
Okku,

69

Sono sorpreso che non molte persone conoscano l'attributo download per un elemento. Per favore, aiutaci a spargere la voce! Puoi avere un link html nascosto e falsificare un clic su di esso. Se il collegamento html ha l'attributo download, scarica il file, non lo visualizza, qualunque cosa accada. Ecco il codice. Scarica una foto del gatto se la trova.

document.getElementById('download').click();
<a href="https://docs.google.com/uc?id=0B0jH18Lft7ypSmRjdWg1c082Y2M" download id="download" hidden></a>

Nota: questo non è supportato su tutti i browser: http://www.w3schools.com/tags/att_a_download.asp


12
Non supportato in IE e Safari
MatPag il

9
Chrome viene scaricato, ma Firefox mostra solo l'immagine.
Saran,

+1 per aver fornito lo snippet eseguibile. Mi ha risparmiato il tempo di testarlo solo per scoprire che non funzionerà.
Doopy,

4
L'ultimo Chrome (agosto 2018) mostra anche l'immagine (a causa di un'assurda limitazione della sicurezza), quindi fallisci
user1156544

Chrome non scarica per mp4s
Nearoo l'

53

Consiglio di utilizzare l' downloadattributo per il download anziché jQuery:

<a href="your_link" download> file_name </a>

Questo scaricherà il tuo file, senza aprirlo.



Bordo> = 13, non IE. Anche le implementazioni di Edge 13 sono errate perché il nome del file viene ignorato e invece si ottiene un file con un ID come nome.
David,

8
Secondo me, questa è la risposta corretta alla domanda. Le altre risposte hanno senso se devi supportare browser più vecchi e hai bisogno di una soluzione alternativa.
crabCRUSHERclamCOLLECTOR

19

Se stai già utilizzando jQuery, potresti prenderne parte all'avventura per produrre uno snippet più piccolo
Una versione jQuery della risposta di Andrew:

var $idown;  // Keep it outside of the function, so it's initialized once.
downloadURL : function(url) {
  if ($idown) {
    $idown.attr('src',url);
  } else {
    $idown = $('<iframe>', { id:'idown', src:url }).hide().appendTo('body');
  }
},
//... How to use it:
downloadURL('http://whatever.com/file.pdf');

Cordiali saluti, Qualcuno ha suggerito (tramite la modifica del mio post) di aggiungere $ idown.attr ('src', url); dopo aver creato l'iframe per la prima volta. Non penso sia necessario. Sta già impostando "src: url" nella fase di creazione.
corbacho,

Anche per commentare che alla fine non ho usato questa soluzione perché a IE 9 non piacevano gli iframe creati dinamicamente che puntavano a http: // quando ci si trova in un web https. Ho dovuto usare "window.location.href", una soluzione che presenta anche alcuni inconvenienti
corbacho,

la parte "if ($ idown)" non ha funzionato per me nell'ultimo Chrome (24), ma ha semplicemente creato un numero infinito di iframe. Forse perché volevo scaricare 12 cose contemporaneamente?
nessur il

6
La ifdichiarazione dovrebbe davvero essere:if( $idown && $idown.length > 0 )
iOnline247

3
Non fa nulla in Chrome
jjxtra il

11

Funziona su Chrome, Firefox e IE8 e versioni successive.

var link=document.createElement('a');
document.body.appendChild(link);
link.href=url ;
link.click();

Questo funziona anche se non aggiungi il link al DOM.
Johnie Karr,

A meno che le intestazioni restituite dal server indichino di fare diversamente, questo semplicemente accederà url, non scaricherà da esso.
Mark Amery,

10

Esempio semplice usando un iframe

function downloadURL(url) {
    var hiddenIFrameID = 'hiddenDownloader',
        iframe = document.getElementById(hiddenIFrameID);
    if (iframe === null) {
        iframe = document.createElement('iframe');
        iframe.id = hiddenIFrameID;
        iframe.style.display = 'none';
        document.body.appendChild(iframe);
    }
    iframe.src = url;
};

Quindi chiama la funzione dove vuoi:

downloadURL('path/to/my/file');


10

Questo potrebbe essere utile se non sei obbligato a navigare in un'altra pagina. Questa è la funzione javascript di base, quindi può essere utilizzata in qualsiasi piattaforma in cui il back-end è in Javascript

window.location.assign('any url or file path')

Questa è probabilmente la soluzione più semplice se puoi impostare tu stesso ContentType. Lo uso come: window.location.href = downloadFileUrl;
BluE,

Se admin non vuole mostrare l'URL all'utente di?
Naren Verma,

9

Solo sette anni dopo ecco una soluzione jQuery a una riga che utilizza un modulo anziché un iframe o un collegamento:

$('<form></form>')
     .attr('action', filePath)
     .appendTo('body').submit().remove();

Ho provato questo

  • Chrome 55
  • Firefox 50
  • Edge IE8-10
  • iOS 10 (Safari / Chrome)
  • Android Chrome

Se qualcuno fosse a conoscenza di eventuali svantaggi di questa soluzione, sarei molto felice di sentirne parlare.


Demo completa:

<html>
<head><script src="https://code.jquery.com/jquery-1.11.3.js"></script></head>
<body>
<script>
    var filePath = window.prompt("Enter a file URL","http://jqueryui.com/resources/download/jquery-ui-1.12.1.zip");
    $('<form></form>').attr('action', filePath).appendTo('body').submit().remove();
</script>
</body>
</html>

7
Questo non funziona se hai filePathuna stringa di query poiché l'invio di un modulo sovrascriverà la stringa di query nell'attributo action.
Bobort,

1
Ho risolto il problema aggiungendo un input al modulo: var authInput = $("<input>").attr("type", "hidden").attr("name", "myQsKey").val('MyQsValue'); $('<form></form>') .attr('action', filePath) .append($(authInput)) .appendTo('body').submit().remove();Questo è un equivalente equivalente:filepath?myQsKey=myValue
Harald Hoerwick

Questo chiude anche i websocket.
radu122,

2
Questo appare come un modo davvero complicato da set window.locationa filePath. Farebbe window.location = filePath;lo stesso.
Ivo Smits,

Indipendentemente dal fatto che ci sia un aspetto negativo di questa soluzione, di per sé, non hai fornito alcun vantaggio all'utilizzo di questo su un collegamento. (E c'è un aspetto negativo: non è possibile utilizzare l' downloadattributo in questo modo per dire al browser che si desidera un download indipendentemente dalle intestazioni restituite dal server, che è possibile fare con un aelemento.)
Mark Amery,

5

Non so se la domanda è troppo vecchia, ma l'impostazione di window.location su un URL di download funzionerà, purché il tipo mime di download sia corretto (ad esempio un archivio zip).

var download = function(downloadURL) {

   location = downloadURL;

});

download('http://example.com/archive.zip'); //correct usage
download('http://example.com/page.html'); //DON'T

5

Ho finito per usare lo snippet di seguito e funziona nella maggior parte dei browser, ma non testato in IE.

let data = JSON.stringify([{email: "test@domain.com", name: "test"}, {email: "anothertest@example.com", name: "anothertest"}]);

let type = "application/json", name = "testfile.json";
downloader(data, type, name)

function downloader(data, type, name) {
	let blob = new Blob([data], {type});
	let url = window.URL.createObjectURL(blob);
	downloadURI(url, name);
	window.URL.revokeObjectURL(url);
}

function downloadURI(uri, name) {
    let link = document.createElement("a");
    link.download = name;
    link.href = uri;
    link.click();
}

Aggiornare

function downloadURI(uri, name) {
    let link = document.createElement("a");
    link.download = name;
    link.href = uri;
    link.click();
}

function downloader(data, type, name) {
    let blob = new Blob([data], {type});
    let url = window.URL.createObjectURL(blob);
    downloadURI(url, name);
    window.URL.revokeObjectURL(url);
}

Che senso ha usare MouseEventqui invece di usare sempre click? E perché aggiungere il collegamento al documento prima di fare clic su di esso? Forse questo ha dei vantaggi rispetto all'approccio più semplice mostrato in stackoverflow.com/a/23013574/1709587 , ma in tal caso non sono spiegati qui.
Mark Amery, il

È da un po 'che ho pubblicato questa risposta. Non ricordo se c'è qualche motivo dietro quelle righe di codice non necessarie.
Abk,

3

Per migliorare la risposta di Imagine Breaker, questo è supportato su FF e IE:

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

function downloadURI(uri, name) {
    var link = document.createElement("a");
    link.download = name;
    link.href = uri;
    link.dispatchEvent(evt);
}

In altre parole, basta usare una dispatchEventfunzione invece di click();


In che modo questo è un miglioramento? Sembra essere semplicemente un modo più complicato di fare la stessa cosa.
Mark Amery, il

3

Forse hai solo il tuo javascript aperto una pagina che scarica solo un file, come quando trascini un link per il download in una nuova scheda:

Window.open("https://www.MyServer.
Org/downloads/ardiuno/WgiWho=?:8080")

Con la finestra aperta apri una pagina di download che si chiude automaticamente.


1
Questo crea una finestra popup, che la maggior parte dei browser blocca
Ashton Wiersdorf,

3

Segue il codice più completo e funzionante (testato) per il download dei dati per FireFox, Chrome e IE Code. Supponiamo che i dati siano nel campo texarea , che abbia id = 'textarea_area' e il nome file sia il nome del file in cui verranno scaricati i dati.

function download(filename) {
    if (typeof filename==='undefined') filename = ""; // default
    value = document.getElementById('textarea_area').value;

    filetype="text/*";
    extension=filename.substring(filename.lastIndexOf("."));
    for (var i = 0; i < extToMIME.length; i++) {
        if (extToMIME[i][0].localeCompare(extension)==0) {
            filetype=extToMIME[i][1];
            break;
        }
    }


    var pom = document.createElement('a');
    pom.setAttribute('href', 'data: '+filetype+';charset=utf-8,' + '\ufeff' + encodeURIComponent(value)); // Added BOM too
    pom.setAttribute('download', filename);


    if (document.createEvent) {
        if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) { // IE
            blobObject = new Blob(['\ufeff'+value]);
            window.navigator.msSaveBlob(blobObject, filename);
        } else { // FF, Chrome
            var event = document.createEvent('MouseEvents');
            event.initEvent('click', true, true);
            pom.dispatchEvent(event);
        }
    } else if( document.createEventObject ) { // Have No Idea
        var evObj = document.createEventObject();
        pom.fireEvent( 'onclick' , evObj );
    } else { // For Any Case
        pom.click();
    }

}

e poi chiama

<a href="javascript:download();">Download</a>

Per l'avvio del download.

L'array per l'impostazione del tipo MIME corretto per la finestra di dialogo di download PUO 'ESSERE:

// ----------------------- Extensions to MIME --------- //

        // List of mime types
        // combination of values from Windows 7 Registry and 
        // from C:\Windows\System32\inetsrv\config\applicationHost.config
        // some added, including .7z and .dat
    var extToMIME = [
        [".323", "text/h323"],
        [".3g2", "video/3gpp2"],
        [".3gp", "video/3gpp"],
        [".3gp2", "video/3gpp2"],
        [".3gpp", "video/3gpp"],
        [".7z", "application/x-7z-compressed"],
        [".aa", "audio/audible"],
        [".AAC", "audio/aac"],
        [".aaf", "application/octet-stream"],
        [".aax", "audio/vnd.audible.aax"],
        [".ac3", "audio/ac3"],
        [".aca", "application/octet-stream"],
        [".accda", "application/msaccess.addin"],
        [".accdb", "application/msaccess"],
        [".accdc", "application/msaccess.cab"],
        [".accde", "application/msaccess"],
        [".accdr", "application/msaccess.runtime"],
        [".accdt", "application/msaccess"],
        [".accdw", "application/msaccess.webapplication"],
        [".accft", "application/msaccess.ftemplate"],
        [".acx", "application/internet-property-stream"],
        [".AddIn", "text/xml"],
        [".ade", "application/msaccess"],
        [".adobebridge", "application/x-bridge-url"],
        [".adp", "application/msaccess"],
        [".ADT", "audio/vnd.dlna.adts"],
        [".ADTS", "audio/aac"],
        [".afm", "application/octet-stream"],
        [".ai", "application/postscript"],
        [".aif", "audio/x-aiff"],
        [".aifc", "audio/aiff"],
        [".aiff", "audio/aiff"],
        [".air", "application/vnd.adobe.air-application-installer-package+zip"],
        [".amc", "application/x-mpeg"],
        [".application", "application/x-ms-application"],
        [".art", "image/x-jg"],
        [".asa", "application/xml"],
        [".asax", "application/xml"],
        [".ascx", "application/xml"],
        [".asd", "application/octet-stream"],
        [".asf", "video/x-ms-asf"],
        [".ashx", "application/xml"],
        [".asi", "application/octet-stream"],
        [".asm", "text/plain"],
        [".asmx", "application/xml"],
        [".aspx", "application/xml"],
        [".asr", "video/x-ms-asf"],
        [".asx", "video/x-ms-asf"],
        [".atom", "application/atom+xml"],
        [".au", "audio/basic"],
        [".avi", "video/x-msvideo"],
        [".axs", "application/olescript"],
        [".bas", "text/plain"],
        [".bcpio", "application/x-bcpio"],
        [".bin", "application/octet-stream"],
        [".bmp", "image/bmp"],
        [".c", "text/plain"],
        [".cab", "application/octet-stream"],
        [".caf", "audio/x-caf"],
        [".calx", "application/vnd.ms-office.calx"],
        [".cat", "application/vnd.ms-pki.seccat"],
        [".cc", "text/plain"],
        [".cd", "text/plain"],
        [".cdda", "audio/aiff"],
        [".cdf", "application/x-cdf"],
        [".cer", "application/x-x509-ca-cert"],
        [".chm", "application/octet-stream"],
        [".class", "application/x-java-applet"],
        [".clp", "application/x-msclip"],
        [".cmx", "image/x-cmx"],
        [".cnf", "text/plain"],
        [".cod", "image/cis-cod"],
        [".config", "application/xml"],
        [".contact", "text/x-ms-contact"],
        [".coverage", "application/xml"],
        [".cpio", "application/x-cpio"],
        [".cpp", "text/plain"],
        [".crd", "application/x-mscardfile"],
        [".crl", "application/pkix-crl"],
        [".crt", "application/x-x509-ca-cert"],
        [".cs", "text/plain"],
        [".csdproj", "text/plain"],
        [".csh", "application/x-csh"],
        [".csproj", "text/plain"],
        [".css", "text/css"],
        [".csv", "text/csv"],
        [".cur", "application/octet-stream"],
        [".cxx", "text/plain"],
        [".dat", "application/octet-stream"],
        [".datasource", "application/xml"],
        [".dbproj", "text/plain"],
        [".dcr", "application/x-director"],
        [".def", "text/plain"],
        [".deploy", "application/octet-stream"],
        [".der", "application/x-x509-ca-cert"],
        [".dgml", "application/xml"],
        [".dib", "image/bmp"],
        [".dif", "video/x-dv"],
        [".dir", "application/x-director"],
        [".disco", "text/xml"],
        [".dll", "application/x-msdownload"],
        [".dll.config", "text/xml"],
        [".dlm", "text/dlm"],
        [".doc", "application/msword"],
        [".docm", "application/vnd.ms-word.document.macroEnabled.12"],
        [".docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
        [".dot", "application/msword"],
        [".dotm", "application/vnd.ms-word.template.macroEnabled.12"],
        [".dotx", "application/vnd.openxmlformats-officedocument.wordprocessingml.template"],
        [".dsp", "application/octet-stream"],
        [".dsw", "text/plain"],
        [".dtd", "text/xml"],
        [".dtsConfig", "text/xml"],
        [".dv", "video/x-dv"],
        [".dvi", "application/x-dvi"],
        [".dwf", "drawing/x-dwf"],
        [".dwp", "application/octet-stream"],
        [".dxr", "application/x-director"],
        [".eml", "message/rfc822"],
        [".emz", "application/octet-stream"],
        [".eot", "application/octet-stream"],
        [".eps", "application/postscript"],
        [".etl", "application/etl"],
        [".etx", "text/x-setext"],
        [".evy", "application/envoy"],
        [".exe", "application/octet-stream"],
        [".exe.config", "text/xml"],
        [".fdf", "application/vnd.fdf"],
        [".fif", "application/fractals"],
        [".filters", "Application/xml"],
        [".fla", "application/octet-stream"],
        [".flr", "x-world/x-vrml"],
        [".flv", "video/x-flv"],
        [".fsscript", "application/fsharp-script"],
        [".fsx", "application/fsharp-script"],
        [".generictest", "application/xml"],
        [".gif", "image/gif"],
        [".group", "text/x-ms-group"],
        [".gsm", "audio/x-gsm"],
        [".gtar", "application/x-gtar"],
        [".gz", "application/x-gzip"],
        [".h", "text/plain"],
        [".hdf", "application/x-hdf"],
        [".hdml", "text/x-hdml"],
        [".hhc", "application/x-oleobject"],
        [".hhk", "application/octet-stream"],
        [".hhp", "application/octet-stream"],
        [".hlp", "application/winhlp"],
        [".hpp", "text/plain"],
        [".hqx", "application/mac-binhex40"],
        [".hta", "application/hta"],
        [".htc", "text/x-component"],
        [".htm", "text/html"],
        [".html", "text/html"],
        [".htt", "text/webviewhtml"],
        [".hxa", "application/xml"],
        [".hxc", "application/xml"],
        [".hxd", "application/octet-stream"],
        [".hxe", "application/xml"],
        [".hxf", "application/xml"],
        [".hxh", "application/octet-stream"],
        [".hxi", "application/octet-stream"],
        [".hxk", "application/xml"],
        [".hxq", "application/octet-stream"],
        [".hxr", "application/octet-stream"],
        [".hxs", "application/octet-stream"],
        [".hxt", "text/html"],
        [".hxv", "application/xml"],
        [".hxw", "application/octet-stream"],
        [".hxx", "text/plain"],
        [".i", "text/plain"],
        [".ico", "image/x-icon"],
        [".ics", "application/octet-stream"],
        [".idl", "text/plain"],
        [".ief", "image/ief"],
        [".iii", "application/x-iphone"],
        [".inc", "text/plain"],
        [".inf", "application/octet-stream"],
        [".inl", "text/plain"],
        [".ins", "application/x-internet-signup"],
        [".ipa", "application/x-itunes-ipa"],
        [".ipg", "application/x-itunes-ipg"],
        [".ipproj", "text/plain"],
        [".ipsw", "application/x-itunes-ipsw"],
        [".iqy", "text/x-ms-iqy"],
        [".isp", "application/x-internet-signup"],
        [".ite", "application/x-itunes-ite"],
        [".itlp", "application/x-itunes-itlp"],
        [".itms", "application/x-itunes-itms"],
        [".itpc", "application/x-itunes-itpc"],
        [".IVF", "video/x-ivf"],
        [".jar", "application/java-archive"],
        [".java", "application/octet-stream"],
        [".jck", "application/liquidmotion"],
        [".jcz", "application/liquidmotion"],
        [".jfif", "image/pjpeg"],
        [".jnlp", "application/x-java-jnlp-file"],
        [".jpb", "application/octet-stream"],
        [".jpe", "image/jpeg"],
        [".jpeg", "image/jpeg"],
        [".jpg", "image/jpeg"],
        [".js", "application/x-javascript"],
        [".json", "application/json"],
        [".jsx", "text/jscript"],
        [".jsxbin", "text/plain"],
        [".latex", "application/x-latex"],
        [".library-ms", "application/windows-library+xml"],
        [".lit", "application/x-ms-reader"],
        [".loadtest", "application/xml"],
        [".lpk", "application/octet-stream"],
        [".lsf", "video/x-la-asf"],
        [".lst", "text/plain"],
        [".lsx", "video/x-la-asf"],
        [".lzh", "application/octet-stream"],
        [".m13", "application/x-msmediaview"],
        [".m14", "application/x-msmediaview"],
        [".m1v", "video/mpeg"],
        [".m2t", "video/vnd.dlna.mpeg-tts"],
        [".m2ts", "video/vnd.dlna.mpeg-tts"],
        [".m2v", "video/mpeg"],
        [".m3u", "audio/x-mpegurl"],
        [".m3u8", "audio/x-mpegurl"],
        [".m4a", "audio/m4a"],
        [".m4b", "audio/m4b"],
        [".m4p", "audio/m4p"],
        [".m4r", "audio/x-m4r"],
        [".m4v", "video/x-m4v"],
        [".mac", "image/x-macpaint"],
        [".mak", "text/plain"],
        [".man", "application/x-troff-man"],
        [".manifest", "application/x-ms-manifest"],
        [".map", "text/plain"],
        [".master", "application/xml"],
        [".mda", "application/msaccess"],
        [".mdb", "application/x-msaccess"],
        [".mde", "application/msaccess"],
        [".mdp", "application/octet-stream"],
        [".me", "application/x-troff-me"],
        [".mfp", "application/x-shockwave-flash"],
        [".mht", "message/rfc822"],
        [".mhtml", "message/rfc822"],
        [".mid", "audio/mid"],
        [".midi", "audio/mid"],
        [".mix", "application/octet-stream"],
        [".mk", "text/plain"],
        [".mmf", "application/x-smaf"],
        [".mno", "text/xml"],
        [".mny", "application/x-msmoney"],
        [".mod", "video/mpeg"],
        [".mov", "video/quicktime"],
        [".movie", "video/x-sgi-movie"],
        [".mp2", "video/mpeg"],
        [".mp2v", "video/mpeg"],
        [".mp3", "audio/mpeg"],
        [".mp4", "video/mp4"],
        [".mp4v", "video/mp4"],
        [".mpa", "video/mpeg"],
        [".mpe", "video/mpeg"],
        [".mpeg", "video/mpeg"],
        [".mpf", "application/vnd.ms-mediapackage"],
        [".mpg", "video/mpeg"],
        [".mpp", "application/vnd.ms-project"],
        [".mpv2", "video/mpeg"],
        [".mqv", "video/quicktime"],
        [".ms", "application/x-troff-ms"],
        [".msi", "application/octet-stream"],
        [".mso", "application/octet-stream"],
        [".mts", "video/vnd.dlna.mpeg-tts"],
        [".mtx", "application/xml"],
        [".mvb", "application/x-msmediaview"],
        [".mvc", "application/x-miva-compiled"],
        [".mxp", "application/x-mmxp"],
        [".nc", "application/x-netcdf"],
        [".nsc", "video/x-ms-asf"],
        [".nws", "message/rfc822"],
        [".ocx", "application/octet-stream"],
        [".oda", "application/oda"],
        [".odc", "text/x-ms-odc"],
        [".odh", "text/plain"],
        [".odl", "text/plain"],
        [".odp", "application/vnd.oasis.opendocument.presentation"],
        [".ods", "application/oleobject"],
        [".odt", "application/vnd.oasis.opendocument.text"],
        [".one", "application/onenote"],
        [".onea", "application/onenote"],
        [".onepkg", "application/onenote"],
        [".onetmp", "application/onenote"],
        [".onetoc", "application/onenote"],
        [".onetoc2", "application/onenote"],
        [".orderedtest", "application/xml"],
        [".osdx", "application/opensearchdescription+xml"],
        [".p10", "application/pkcs10"],
        [".p12", "application/x-pkcs12"],
        [".p7b", "application/x-pkcs7-certificates"],
        [".p7c", "application/pkcs7-mime"],
        [".p7m", "application/pkcs7-mime"],
        [".p7r", "application/x-pkcs7-certreqresp"],
        [".p7s", "application/pkcs7-signature"],
        [".pbm", "image/x-portable-bitmap"],
        [".pcast", "application/x-podcast"],
        [".pct", "image/pict"],
        [".pcx", "application/octet-stream"],
        [".pcz", "application/octet-stream"],
        [".pdf", "application/pdf"],
        [".pfb", "application/octet-stream"],
        [".pfm", "application/octet-stream"],
        [".pfx", "application/x-pkcs12"],
        [".pgm", "image/x-portable-graymap"],
        [".pic", "image/pict"],
        [".pict", "image/pict"],
        [".pkgdef", "text/plain"],
        [".pkgundef", "text/plain"],
        [".pko", "application/vnd.ms-pki.pko"],
        [".pls", "audio/scpls"],
        [".pma", "application/x-perfmon"],
        [".pmc", "application/x-perfmon"],
        [".pml", "application/x-perfmon"],
        [".pmr", "application/x-perfmon"],
        [".pmw", "application/x-perfmon"],
        [".png", "image/png"],
        [".pnm", "image/x-portable-anymap"],
        [".pnt", "image/x-macpaint"],
        [".pntg", "image/x-macpaint"],
        [".pnz", "image/png"],
        [".pot", "application/vnd.ms-powerpoint"],
        [".potm", "application/vnd.ms-powerpoint.template.macroEnabled.12"],
        [".potx", "application/vnd.openxmlformats-officedocument.presentationml.template"],
        [".ppa", "application/vnd.ms-powerpoint"],
        [".ppam", "application/vnd.ms-powerpoint.addin.macroEnabled.12"],
        [".ppm", "image/x-portable-pixmap"],
        [".pps", "application/vnd.ms-powerpoint"],
        [".ppsm", "application/vnd.ms-powerpoint.slideshow.macroEnabled.12"],
        [".ppsx", "application/vnd.openxmlformats-officedocument.presentationml.slideshow"],
        [".ppt", "application/vnd.ms-powerpoint"],
        [".pptm", "application/vnd.ms-powerpoint.presentation.macroEnabled.12"],
        [".pptx", "application/vnd.openxmlformats-officedocument.presentationml.presentation"],
        [".prf", "application/pics-rules"],
        [".prm", "application/octet-stream"],
        [".prx", "application/octet-stream"],
        [".ps", "application/postscript"],
        [".psc1", "application/PowerShell"],
        [".psd", "application/octet-stream"],
        [".psess", "application/xml"],
        [".psm", "application/octet-stream"],
        [".psp", "application/octet-stream"],
        [".pub", "application/x-mspublisher"],
        [".pwz", "application/vnd.ms-powerpoint"],
        [".qht", "text/x-html-insertion"],
        [".qhtm", "text/x-html-insertion"],
        [".qt", "video/quicktime"],
        [".qti", "image/x-quicktime"],
        [".qtif", "image/x-quicktime"],
        [".qtl", "application/x-quicktimeplayer"],
        [".qxd", "application/octet-stream"],
        [".ra", "audio/x-pn-realaudio"],
        [".ram", "audio/x-pn-realaudio"],
        [".rar", "application/octet-stream"],
        [".ras", "image/x-cmu-raster"],
        [".rat", "application/rat-file"],
        [".rc", "text/plain"],
        [".rc2", "text/plain"],
        [".rct", "text/plain"],
        [".rdlc", "application/xml"],
        [".resx", "application/xml"],
        [".rf", "image/vnd.rn-realflash"],
        [".rgb", "image/x-rgb"],
        [".rgs", "text/plain"],
        [".rm", "application/vnd.rn-realmedia"],
        [".rmi", "audio/mid"],
        [".rmp", "application/vnd.rn-rn_music_package"],
        [".roff", "application/x-troff"],
        [".rpm", "audio/x-pn-realaudio-plugin"],
        [".rqy", "text/x-ms-rqy"],
        [".rtf", "application/rtf"],
        [".rtx", "text/richtext"],
        [".ruleset", "application/xml"],
        [".s", "text/plain"],
        [".safariextz", "application/x-safari-safariextz"],
        [".scd", "application/x-msschedule"],
        [".sct", "text/scriptlet"],
        [".sd2", "audio/x-sd2"],
        [".sdp", "application/sdp"],
        [".sea", "application/octet-stream"],
        [".searchConnector-ms", "application/windows-search-connector+xml"],
        [".setpay", "application/set-payment-initiation"],
        [".setreg", "application/set-registration-initiation"],
        [".settings", "application/xml"],
        [".sgimb", "application/x-sgimb"],
        [".sgml", "text/sgml"],
        [".sh", "application/x-sh"],
        [".shar", "application/x-shar"],
        [".shtml", "text/html"],
        [".sit", "application/x-stuffit"],
        [".sitemap", "application/xml"],
        [".skin", "application/xml"],
        [".sldm", "application/vnd.ms-powerpoint.slide.macroEnabled.12"],
        [".sldx", "application/vnd.openxmlformats-officedocument.presentationml.slide"],
        [".slk", "application/vnd.ms-excel"],
        [".sln", "text/plain"],
        [".slupkg-ms", "application/x-ms-license"],
        [".smd", "audio/x-smd"],
        [".smi", "application/octet-stream"],
        [".smx", "audio/x-smd"],
        [".smz", "audio/x-smd"],
        [".snd", "audio/basic"],
        [".snippet", "application/xml"],
        [".snp", "application/octet-stream"],
        [".sol", "text/plain"],
        [".sor", "text/plain"],
        [".spc", "application/x-pkcs7-certificates"],
        [".spl", "application/futuresplash"],
        [".src", "application/x-wais-source"],
        [".srf", "text/plain"],
        [".SSISDeploymentManifest", "text/xml"],
        [".ssm", "application/streamingmedia"],
        [".sst", "application/vnd.ms-pki.certstore"],
        [".stl", "application/vnd.ms-pki.stl"],
        [".sv4cpio", "application/x-sv4cpio"],
        [".sv4crc", "application/x-sv4crc"],
        [".svc", "application/xml"],
        [".swf", "application/x-shockwave-flash"],
        [".t", "application/x-troff"],
        [".tar", "application/x-tar"],
        [".tcl", "application/x-tcl"],
        [".testrunconfig", "application/xml"],
        [".testsettings", "application/xml"],
        [".tex", "application/x-tex"],
        [".texi", "application/x-texinfo"],
        [".texinfo", "application/x-texinfo"],
        [".tgz", "application/x-compressed"],
        [".thmx", "application/vnd.ms-officetheme"],
        [".thn", "application/octet-stream"],
        [".tif", "image/tiff"],
        [".tiff", "image/tiff"],
        [".tlh", "text/plain"],
        [".tli", "text/plain"],
        [".toc", "application/octet-stream"],
        [".tr", "application/x-troff"],
        [".trm", "application/x-msterminal"],
        [".trx", "application/xml"],
        [".ts", "video/vnd.dlna.mpeg-tts"],
        [".tsv", "text/tab-separated-values"],
        [".ttf", "application/octet-stream"],
        [".tts", "video/vnd.dlna.mpeg-tts"],
        [".txt", "text/plain"],
        [".u32", "application/octet-stream"],
        [".uls", "text/iuls"],
        [".user", "text/plain"],
        [".ustar", "application/x-ustar"],
        [".vb", "text/plain"],
        [".vbdproj", "text/plain"],
        [".vbk", "video/mpeg"],
        [".vbproj", "text/plain"],
        [".vbs", "text/vbscript"],
        [".vcf", "text/x-vcard"],
        [".vcproj", "Application/xml"],
        [".vcs", "text/plain"],
        [".vcxproj", "Application/xml"],
        [".vddproj", "text/plain"],
        [".vdp", "text/plain"],
        [".vdproj", "text/plain"],
        [".vdx", "application/vnd.ms-visio.viewer"],
        [".vml", "text/xml"],
        [".vscontent", "application/xml"],
        [".vsct", "text/xml"],
        [".vsd", "application/vnd.visio"],
        [".vsi", "application/ms-vsi"],
        [".vsix", "application/vsix"],
        [".vsixlangpack", "text/xml"],
        [".vsixmanifest", "text/xml"],
        [".vsmdi", "application/xml"],
        [".vspscc", "text/plain"],
        [".vss", "application/vnd.visio"],
        [".vsscc", "text/plain"],
        [".vssettings", "text/xml"],
        [".vssscc", "text/plain"],
        [".vst", "application/vnd.visio"],
        [".vstemplate", "text/xml"],
        [".vsto", "application/x-ms-vsto"],
        [".vsw", "application/vnd.visio"],
        [".vsx", "application/vnd.visio"],
        [".vtx", "application/vnd.visio"],
        [".wav", "audio/wav"],
        [".wave", "audio/wav"],
        [".wax", "audio/x-ms-wax"],
        [".wbk", "application/msword"],
        [".wbmp", "image/vnd.wap.wbmp"],
        [".wcm", "application/vnd.ms-works"],
        [".wdb", "application/vnd.ms-works"],
        [".wdp", "image/vnd.ms-photo"],
        [".webarchive", "application/x-safari-webarchive"],
        [".webtest", "application/xml"],
        [".wiq", "application/xml"],
        [".wiz", "application/msword"],
        [".wks", "application/vnd.ms-works"],
        [".WLMP", "application/wlmoviemaker"],
        [".wlpginstall", "application/x-wlpg-detect"],
        [".wlpginstall3", "application/x-wlpg3-detect"],
        [".wm", "video/x-ms-wm"],
        [".wma", "audio/x-ms-wma"],
        [".wmd", "application/x-ms-wmd"],
        [".wmf", "application/x-msmetafile"],
        [".wml", "text/vnd.wap.wml"],
        [".wmlc", "application/vnd.wap.wmlc"],
        [".wmls", "text/vnd.wap.wmlscript"],
        [".wmlsc", "application/vnd.wap.wmlscriptc"],
        [".wmp", "video/x-ms-wmp"],
        [".wmv", "video/x-ms-wmv"],
        [".wmx", "video/x-ms-wmx"],
        [".wmz", "application/x-ms-wmz"],
        [".wpl", "application/vnd.ms-wpl"],
        [".wps", "application/vnd.ms-works"],
        [".wri", "application/x-mswrite"],
        [".wrl", "x-world/x-vrml"],
        [".wrz", "x-world/x-vrml"],
        [".wsc", "text/scriptlet"],
        [".wsdl", "text/xml"],
        [".wvx", "video/x-ms-wvx"],
        [".x", "application/directx"],
        [".xaf", "x-world/x-vrml"],
        [".xaml", "application/xaml+xml"],
        [".xap", "application/x-silverlight-app"],
        [".xbap", "application/x-ms-xbap"],
        [".xbm", "image/x-xbitmap"],
        [".xdr", "text/plain"],
        [".xht", "application/xhtml+xml"],
        [".xhtml", "application/xhtml+xml"],
        [".xla", "application/vnd.ms-excel"],
        [".xlam", "application/vnd.ms-excel.addin.macroEnabled.12"],
        [".xlc", "application/vnd.ms-excel"],
        [".xld", "application/vnd.ms-excel"],
        [".xlk", "application/vnd.ms-excel"],
        [".xll", "application/vnd.ms-excel"],
        [".xlm", "application/vnd.ms-excel"],
        [".xls", "application/vnd.ms-excel"],
        [".xlsb", "application/vnd.ms-excel.sheet.binary.macroEnabled.12"],
        [".xlsm", "application/vnd.ms-excel.sheet.macroEnabled.12"],
        [".xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
        [".xlt", "application/vnd.ms-excel"],
        [".xltm", "application/vnd.ms-excel.template.macroEnabled.12"],
        [".xltx", "application/vnd.openxmlformats-officedocument.spreadsheetml.template"],
        [".xlw", "application/vnd.ms-excel"],
        [".xml", "text/xml"],
        [".xmta", "application/xml"],
        [".xof", "x-world/x-vrml"],
        [".XOML", "text/plain"],
        [".xpm", "image/x-xpixmap"],
        [".xps", "application/vnd.ms-xpsdocument"],
        [".xrm-ms", "text/xml"],
        [".xsc", "application/xml"],
        [".xsd", "text/xml"],
        [".xsf", "text/xml"],
        [".xsl", "text/xml"],
        [".xslt", "text/xml"],
        [".xsn", "application/octet-stream"],
        [".xss", "application/xml"],
        [".xtp", "application/octet-stream"],
        [".xwd", "image/x-xwindowdump"],
        [".z", "application/x-compress"],
        [".zip", "application/x-zip-compressed"]
];

// ----------------------- End of Extensions to MIME --------- //

- Ci stavo provando con i file pdf. Il file viene scaricato ma è sempre corrotto. Eventuali suggerimenti? Grazie
Shrivaths Kulkarni il

2

per me questo funziona bene testato su Chrome V72

function down_file(url,name){
var a = $("<a>")
    .attr("href", url)
    .attr("download", name)
    .appendTo("body");
a[0].click();
a.remove();
}

down_file('https://www.useotools.com/uploads/nulogo[1].png','logo.png')

Questo è esattamente lo stesso approccio mostrato nella risposta di Imagine Breaker anni prima, ma con l'ulteriore inconveniente di richiedere jQuery.
Mark Amery, il

1

Ho ottenuto buoni risultati con l'utilizzo di un tag FORM poiché funziona ovunque e non è necessario creare temporaneamente file sul server. Il metodo funziona in questo modo.

Sul lato client (pagina HTML) si crea un modulo invisibile come questo

<form method="POST" action="/download.php" target="_blank" id="downloadForm">
    <input type="hidden" name="data" id="csv">
</form>

Quindi aggiungi questo codice Javascript al tuo pulsante:

$('#button').click(function() {
     $('#csv').val('---your data---');
     $('#downloadForm').submit();
}

Sul lato server hai il seguente codice PHP in download.php:

<?php
header('Content-Type: text/csv');
header('Content-Description: File Transfer');
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename=out.csv');
header('Content-Transfer-Encoding: binary');
header('Connection: Keep-Alive');
header('Expires: 0');
header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
header('Pragma: public');
header('Content-Length: ' . strlen($data));

echo $_REQUEST['data'];
exit();

Puoi persino creare file zip dei tuoi dati in questo modo:

<?php

$file = tempnam("tmp", "zip");

$zip = new ZipArchive();
$zip->open($file, ZipArchive::OVERWRITE);
$zip->addFromString('test.csv', $_REQUEST['data']);
$zip->close();

header('Content-Type: application/zip');
header('Content-Length: ' . filesize($file));
header('Content-Disposition: attachment; filename="file.zip"');
readfile($file);
unlink($file); 

La parte migliore è che non lascia alcun file residuo sul tuo server poiché tutto viene creato e distrutto al volo!


0

La risposta presentata da hitesh il 30 dicembre 13 funziona davvero. Richiede solo un piccolo aggiustamento:

Il file PHP può chiamare se stesso. In altre parole, basta creare un file chiamato saveAs.php e inserire questo codice in esso ...

        <a href="saveAs.php?file_source=YourDataFile.pdf">Download pdf here</a>

    <?php
        if (isset($_GET['file_source'])) {
            $fullPath = $_GET['file_source'];
            if($fullPath) {
                $fsize = filesize($fullPath);
                $path_parts = pathinfo($fullPath);
                $ext = strtolower($path_parts["extension"]);
                switch ($ext) {
                    case "pdf":
                    header("Content-Disposition: attachment; filename=\"".$path_parts["basename"]."\""); // use 'attachment' to force a download
                    header("Content-type: application/pdf"); // add here more headers for diff. extensions
                    break;
                    default;
                    header("Content-type: application/octet-stream");
                    header("Content-Disposition: filename=\"".$path_parts["basename"]."\"");
                }
                if($fsize) {//checking if file size exist
                  header("Content-length: $fsize");
                }
                readfile($fullPath);
                exit;
            }
        }
    ?>

0

Queste funzioni sono utilizzate in stacktrace.js :

/**
 * Try XHR methods in order and store XHR factory.
 *
 * @return <Function> XHR function or equivalent
 */
var createXMLHTTPObject = function() {
    var xmlhttp, XMLHttpFactories = [
        function() {
            return new XMLHttpRequest();
        }, function() {
            return new ActiveXObject('Msxml2.XMLHTTP');
        }, function() {
            return new ActiveXObject('Msxml3.XMLHTTP');
        }, function() {
            return new ActiveXObject('Microsoft.XMLHTTP');
        }
    ];
    for (var i = 0; i < XMLHttpFactories.length; i++) {
        try {
            xmlhttp = XMLHttpFactories[i]();
            // Use memoization to cache the factory
            createXMLHTTPObject = XMLHttpFactories[i];
            return xmlhttp;
        } catch (e) {
        }
    }
}

/**
 * @return the text from a given URL
 */
function ajax(url) {
    var req = createXMLHTTPObject();
    if (req) {
        try {
            req.open('GET', url, false);
            req.send(null);
            return req.responseText;
        } catch (e) {
        }
    }
    return '';
}

Questo ... sembra essere solo per XHR, non per i download di file? Non vedo la rilevanza qui.
Mark Amery, il

0

Ti suggerisco di utilizzare l'evento mousedown, che si chiama PRIMA dell'evento click. In questo modo, il browser gestisce naturalmente l'evento click, evitando qualsiasi stranezza di codice:

(function ($) {


    // with this solution, the browser handles the download link naturally (tested in chrome and firefox)
    $(document).ready(function () {

        var url = '/private/downloads/myfile123.pdf';
        $("a#someID").on('mousedown', function () {
            $(this).attr("href", url);
        });

    });
})(jQuery);

0

Ottima soluzione di Corbacho, mi sono appena adattato per sbarazzarmi del var

function downloadURL(url) {
    if( $('#idown').length ){
        $('#idown').attr('src',url);
    }else{
        $('<iframe>', { id:'idown', src:url }).hide().appendTo('body');
    }
}

0

Firefox e Chrome testati:

var link = document.createElement('a');
link.download = 'fileName.ext'
link.href = 'http://down.serv/file.ext';

// Because firefox not executing the .click() well
// We need to create mouse event initialization.
var clickEvent = document.createEvent("MouseEvent");
clickEvent.initEvent("click", true, true);

link.dispatchEvent(clickEvent);

Questa è in realtà la soluzione "chrome" per Firefox (non l'ho testata su altri browser, quindi per favore lasciate commenti sulla compilabilità)


0

Ci sono così tante piccole cose che possono accadere quando si tenta di scaricare un file. L'incoerenza tra i soli browser è un incubo. Ho finito per usare questa fantastica piccola biblioteca. https://github.com/rndme/download

La cosa bella è che è flessibile non solo per gli URL ma anche per i dati lato client che desideri scaricare.

  1. stringa di testo
  2. dati di testoURL
  3. BLOB di testo
  4. matrici di testo
  5. stringa html
  6. BLOB HTML
  7. ajax callback
  8. file binari

-1

Usando il tag anchor e PHP si può fare, Controlla questa risposta

Chiamata JQuery Ajax per il download di file PDF

HTML
    <a href="www.example.com/download_file.php?file_source=example.pdf">Download pdf here</a>

PHP
<?php
$fullPath = $_GET['fileSource'];
if($fullPath) {
    $fsize = filesize($fullPath);
    $path_parts = pathinfo($fullPath);
    $ext = strtolower($path_parts["extension"]);
    switch ($ext) {
        case "pdf":
        header("Content-Disposition: attachment; filename=\"".$path_parts["basename"]."\""); // use 'attachment' to force a download
        header("Content-type: application/pdf"); // add here more headers for diff. extensions
        break;
        default;
        header("Content-type: application/octet-stream");
        header("Content-Disposition: filename=\"".$path_parts["basename"]."\"");
    }
    if($fsize) {//checking if file size exist
      header("Content-length: $fsize");
    }
    readfile($fullPath);
    exit;
}
?>

Sto verificando la dimensione del file perché se carichi pdf dal cloudfront CDN, non otterrai la dimensione del documento che forza il download del documento in 0kb, per evitare questo sto verificando con questa condizione

 if($fsize) {//checking if file size exist
      header("Content-length: $fsize");
    }

-1

So di essere in ritardo per la festa, ma mi piacerebbe condividere la mia soluzione che è la variazione della soluzione di Imagine Breaker sopra. Ho provato a usare la sua soluzione, perché la sua soluzione mi sembra molto semplice e facile. Ma come altri hanno detto, non ha funzionato per alcuni browser, quindi ho inserito alcune varianti usando jquery.

Spero che questo possa aiutare qualcuno là fuori.

function download(url) {
  var link = document.createElement("a");
  $(link).click(function(e) {
    e.preventDefault();
    window.location.href = url;
  });
  $(link).click();
}

L'intero corpo di funzioni è solo un modo di fare complicato window.location.href = url. Il link che crei non viene utilizzato per nulla.
Mark Amery,

-1

Nota: non supportato in tutti i browser.

Stavo cercando un modo per scaricare un file usando jquery senza dover impostare l'URL del file nell'attributo href dall'inizio.

jQuery('<a/>', {
    id: 'downloadFile',
    href: 'http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png',
    style: 'display:hidden;',
    download: ''
}).appendTo('body');

$("#downloadFile")[0].click();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


-1

Uso la soluzione di @ rakaloof senza JQuery (perché non ne hai bisogno qui ). Grazie per l'idea! Ecco una soluzione basata su form di vanillaJS:

const uri = 'https://upload.wikimedia.org/wikipedia/commons/b/bb/Test_ogg_mp3_48kbps.wav';
let form = document.createElement("form");
form.setAttribute('action', uri);
document.body.appendChild(form);
form.submit();
document.body.removeChild(document.body.lastElementChild);

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.