Zwei Möglichkeiten zum Implementieren einer HTML-Seite: Klicken Sie auf „Datei herunterladen“
|
1. Verwenden Sie das Tag <a> zum Vervollständigen <a href="/user/test/xxxx.txt" download="Dateiname.txt">Zum Herunterladen klicken</a> Auf diese Weise wird die Datei direkt heruntergeladen, wenn der Benutzer den Browser öffnet und auf den Link klickt. Es gibt jedoch eine Situation, in der beispielsweise Dateien wie txt, png, jpg usw., deren direktes Öffnen der Browser unterstützt, die Download-Aufgabe nicht ausführen, sondern die Datei direkt öffnen. In diesem Fall müssen Sie dem a-Tag ein Attribut „download“ hinzufügen. Nachfolgend sehen Sie ein Beispiel Wechseln Sie zum Tag <a>, um den Dateipfad anzuzeigen, und vervollständigen Sie den Dateipfad entsprechend der Pfadangabe. <!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<Titel></Titel>
</Kopf>
<Text>
<a href="321.png" download="test.png">Zum Herunterladen klicken</a>
</body>
</html>Wenn Sie Bilder herunterladen müssen, die von einer Webseite hochgeladen wurden, können Sie die folgenden Methoden verwenden Holen Sie sich den Host-Domänennamen: Standort.Hostname Holen Sie sich die Portnummer: Standort.Port 2. Verwenden Sie Schaltflächen zur Überwachung Die Tastenüberwachung kann in zwei Methoden unterteilt werden. Eines davon ist window.open() var $eleBtn1 = $("#btn1");
var $eleBtn2 = $("#btn2");
//Eine bekannte Backend-Schnittstelle zum Herunterladen von Dateien: https://codeload.github.com/douban/douban-client/legacy.zip/master
//Methode 1: window.open()
$eleBtn1.click(Funktion(){
Fenster.öffnen("https://codeload.github.com/douban/douban-client/legacy.zip/master");
});Zweitens, Formularübermittlung //Methode 2: Durch Formular
$eleBtn2.click(Funktion(){
var $eleForm = $("<form method='get'></form>");
$eleForm.attr("Aktion","https://codeload.github.com/douban/douban-client/legacy.zip/master");
$(document.body).anhängen($eleForm);
//Senden Sie das Formular zum Herunterladen $eleForm.submit();
});Zusammenfassen Oben sind zwei Methoden zum Implementieren von Click-to-Download-Dateien auf HTML-Seiten, die ich Ihnen vorgestellt habe. Ich hoffe, sie sind hilfreich für Sie. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! |
<<: Erfahren Sie mehr über die MySQL-Speicher-Engine
>>: Detaillierte Erklärung zur Verwendung des Feldsatzes und der Legende für seltene Tags
Artikel empfehlen
Allgemeine Array-Operationen in JavaScript
Inhaltsverzeichnis 1. verketten() 2. beitreten() ...
JS+Canvas zeichnet ein Glücksrad
In diesem Artikel wird der spezifische Code der J...
Mysql implementiert Master-Slave-Konfiguration und Multi-Master-Multi-Slave-Konfiguration
Was wir jetzt simulieren, ist ein Master-Slave-Sy...
So verwenden Sie „Explain“, um den SQL-Ausführungsplan in MySql abzufragen
Der Befehl „Explain“ ist die primäre Möglichkeit,...
Ubuntu installiert mehrere Versionen von CUDA und wechselt jederzeit
Ich werde nicht erklären, was CUDA ist, sondern d...
Mehrere magische Verwendungen des JS ES6 Spread-Operators
Inhaltsverzeichnis 1. Attribute hinzufügen 2. Meh...
Spezifische Verwendung des Linux-gcc-Befehls
01. Befehlsübersicht Der Befehl gcc verwendet den...
Tkinter verwendet JS-Canvas, um Farbverlaufsfarben zu erzielen
Inhaltsverzeichnis 1. Verwenden Sie RGB zur Darst...
Drei Diskussionen zum Iframe Adaptive Height Code
Beim Erstellen einer B/S-Systemschnittstelle stößt...
Zusammenfassung der Lösung des Yum-Fehlerproblems nach dem Upgrade von Python auf 3.6.6 unter CentOS 7
Ich habe vor Kurzem ein Testserver-Betriebssystem...
Anwendung der dynamischen Bildladetechnologie und Anwendungsfall des Plug-Ins jquery.lazyload
Anwendungsbeispiel-Website http://www.uhuigou.net ...
MySQL-Kodierung utf8 und utf8mb4 utf8mb4_unicode_ci und utf8mb4_general_ci
Referenz: MySQL-Zeichensatzübersicht utf8mb4 wurd...
Detaillierte Erläuterung des Beispiels zum Einbetten von Videos in eine HTML-Seite und zum Umschalten von Videos mit JS-Steuerung
Zunächst lautet der HTML-Code zum Einbetten des Vi...
Detaillierte Schritte zur Installation eines Webservers mit Apache httpd2.4.37 auf centos8
Schritt 1: yum install httpd -y #httpd-Dienst ins...