Zwei Möglichkeiten, Click-to-Download-Dateien auf HTML-Seiten zu implementieren

Autor：Eve Cole Aktualisierungszeit：2025-01-27 05:12:01

1. Verwenden Sie zum Abschluss das <a>-Tag

 <a href=/user/test/xxxx.txt download=filename.txt>Zum Herunterladen klicken</a>

Auf diese Weise wird die Datei direkt heruntergeladen, wenn der Benutzer den Browser öffnet und auf den Link klickt.

B. TXT-, PNG-, JPG- und andere Dateien, deren direktes Öffnen der Browser unterstützt, die Download-Aufgabe nicht ausführen, sondern die Datei direkt öffnen. In diesem Fall müssen Sie ein Attribut zum Herunterladen hinzufügen das a-Tag;

Das Folgende ist ein Beispiel

Gehen Sie zum <a>-Tag, um den Dateipfad anzuzeigen, und vervollständigen Sie den Dateipfad gemäß den Pfadaufforderungen.

 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <a href=321.png download=test.png>Zum Herunterladen klicken< /a> </body> </html>

Wenn Sie von einer Webseite hochgeladene Bilder herunterladen müssen, können Sie die folgenden Methoden verwenden:

Rufen Sie den Hostdomänennamen ab:

Standort.Hostname

Holen Sie sich die Portnummer:

Standort.Port

2. Verwenden Sie die Tasten zur Überwachung

Die Tastenüberwachung kann in zwei Methoden unterteilt werden:

Eine davon ist window.open()

 var $eleBtn1 = $(#btn1); var $eleBtn2 = $(#btn2); //Eine Backend-Schnittstelle zum Herunterladen von Dateien ist bekannt: https://codeload.github.com/douban/douban-client/legacy /master //Methode 1: window.open() $eleBtn1.click(function(){ window.open(https://codeload.github.com/douban/douban-client/legacy.zip/master });

Die zweite Möglichkeit ist die Formularübermittlung

 //Methode 2: Durch Formular $eleBtn2.click(function(){ var $eleForm = $(<form method='get'></form>); $eleForm.attr(action,https://codeload.github .com/douban/douban-client/legacy.zip/master); $(document.body).append($eleForm); //Senden Sie das Formular zum Herunterladen $eleForm.submit(); });

Zusammenfassen

Die oben genannten Möglichkeiten zum Implementieren von Click-to-Download-Dateien auf HTML-Seiten werden Ihnen hoffentlich weiterhelfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten . Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!