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
Über die Position des H1-Tags in XHTML
In letzter Zeit wurde viel über H1 diskutiert (auf...
Reines CSS zum Lösen des Decken- und Bodenabsaugens in den Implementierungsschritten des H5-Layouts
Welche Produkte möchten Sie erwähnen? Vor kurzem ...
Implementierung eines einfachen Studenteninformationsmanagementsystems auf Basis von VUE
Inhaltsverzeichnis 1. Hauptfunktionen 2. Umsetzun...
Was ist eine HTML-Datei? So öffnen Sie eine HTML-Datei
HTML steht für Hypertext Markup Language. Heutzut...
Vue realisiert Web-Online-Chat-Funktion
In diesem Artikelbeispiel wird der spezifische Co...
Zusammenfassung der Wissenspunkte zur MySQL-Master-Slave-Replikation
Eine Optimierungslösung, wenn ein einzelner MySQL...
Neues CSS3-Layout: ausführliche Flex-Erklärung
Flex-Grundkonzepte Flex-Layout (Flex ist die Abkü...
Beheben Sie den abnormalen Fehler beim Erstellen einer Vue-Umgebung mit Webpack
Inhaltsverzeichnis Konfigurieren Sie zuerst packa...
Detaillierte Erläuterung verschiedener Methoden zur Installation von Software unter Linux
1. Schritte zur Installation des RPM-Pakets: 1. S...
Die perfekte Lösung für die verstümmelten chinesischen Zeichen in mysql6.x unter Win7
1. Stoppen Sie den MySQL-Dienst in der Befehlszei...
Eine kurze Einführung in Vue-Filter, Lebenszyklusfunktionen und Vue-Ressourcen
1. Filter Beispiel: <!DOCTYPE html> <htm...
Gegenseitiger Wertetransfer und Aufruf von Vue-Eltern-Kind-Komponenten
Inhaltsverzeichnis 1. Übergeordnetes Element über...
Mehrere Methoden zum Ändern des MySQL-Root-Passworts (empfohlen)
Methode 1: Verwenden Sie den Befehl SET PASSWORD ...
Detaillierte Verwendung des Docker-Maven-Plugins
Inhaltsverzeichnis Docker-Maven-Plugin Schritte z...
Einige Tipps zur umfassenden Optimierung, um die Zugriffsgeschwindigkeit von Websites zu verbessern
Einige Tipps zur umfassenden Optimierung, um die ...