jQuery laden Sie ein zipfile mit einer Taste?

Ziemlich peinlich, wie viel Zeit ich damit verbringen, Holen Sie sich den download einer Zipdatei aus-Taste....

<button type='button' id='button-download'>download zipfile</button>


$("#button-download").live("click", function() {
    $.get("http://localhost/admin/zip/002140.zip"); //doesn't work?
})

Ich brauche etwas kugelsicheren hier, deshalb Frage ich hier, vielen Dank.

InformationsquelleAutor FFish | 2010-05-20
  1. 7

    Mit einem einfachen:

    <a href="http://localhost/admin/zip/002140.zip" id="button-download">download zipfile</a>

    link. Dann werde es funktionieren ("bullet proof" sogar) auch ohne JavaScript verfügbar. Es bietet auch mehr von der traditionellen affordances Benutzer erwarten von einem download-link, wie etwa rechts-klicken Sie auf-speichern -, oder drag-und-drop.

    Natürlich können Sie CSS verwenden, um es Aussehen wie ein button statt ein link. Aber was es eigentlich ist, ist ein link. So, wie es sein sollte, markiert.

    • Danke ich bin mit diesem als backup unter "Probleme beim herunterladen?" Es ist in JavaScript aber es ist ein admin-panel, und mein Benutzer müssen JavaScript aktivieren, überall.
    InformationsquelleAutor bobince
  2. 5

    Sollten Sie die location.href Eigentum zu verursachen navigation:

    $("#button-download").live("click", function() {
  location.href = "http://localhost/admin/zip/002140.zip";
});

    Hätte man auch eine einfache <a> element, gestylt, als wäre es eine Taste, in, so dass auch Benutzer, die JavaScript deaktiviert haben, wird in der Lage sein, um die Datei herunterzuladen.

    • Gee, Lage.href, es ist Zeit zu Bett zu gehen!
    • Eigentlich habe ich ein problem, wenn Sie dieses oder auch Fenster.Lage ich bin zu verlieren mein DOM erstellt von jQuery. Das ist nicht ein Problem, aber was schlimmer ist, die Seite geht -1, wie schlagen die zurück-Taste? WTF????
    • Wenn Sie zu Besuch sind hier von 5 Jahren nach diesem post .live() wurden entfernt in jquery 1.9, nutzen Sie also .on(). (Dank PaparazzoKid unten)
    InformationsquelleAutor CMS
  3. 1

    Sendet eine AJAX-Anfrage.

    Habe ich noch nicht ausprobiert, aber es sollte funktionieren, in der Theorie. Wenn Sie versuchen, gehen Sie zu einem Speicherort einer Datei, die heruntergeladen wird, werden Sie aufgefordert, herunterladen, anstatt Sie auf dieser Seite.

    <button type='button' id='button-download'>download zipfile</button>


$("#button-download").live("click", function() {
    window.location = "http://localhost/admin/zip/002140.zip";
})
    • Für die Zukunft Surfer, statt .live() verwenden .on(). .live() entfernt wurde, in jQuery 1.9.
    InformationsquelleAutor Kerry Jones
  4. 1

    Bisschen spät, um der Partei, aber dachte, ich würde teilen meine Lösung als die sonst niemand hat.

    Können Sie das beste aus beiden Welten; ein einfacher HTML-link und eine JS-Funktion, ohne Verlust der nicht-JS-Nutzer.

    <a id="download" href="http://www.example.com/download.zip">Download</a>

$("#download").on("click", function(e) {

    //cancel the link's original functionality
    e.preventDefault();

    //do something before downloading
    alert("Thanks for downloading!");

    //download file
    location.href = "http://www.example.com/download.zip";

});
    InformationsquelleAutor TheCarver
Schreibe einen Kommentar