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

Detaillierte Erklärung zum Erstellen einer aktualisierbaren Ansicht in MySQL

Zwei Möglichkeiten zum Implementieren einer HTML-Seite: Klicken Sie auf „Datei herunterladen“

Detaillierte Erklärung zum Erstellen einer aktualisierbaren Ansicht in MySQL

Floaten und Floaten löschen in der Übersichtsseite

Detaillierte Erläuterung des Prozesses zum Erstellen und Ausführen von Docker-Containern

Detaillierte Erklärung des MySQL-Überwachungstools mysql-monitor

Befehl zum Anzeigen der Erstellungszeit der Binlog-Datei unter Linux

Installation der virtuellen Maschine Kali Linux Vmware (Abbildung und Text)

JSONP-domänenübergreifende Simulation der Baidu-Suche

Erläuterung zur Optimierung der Tomcat+MySQL-Konfiguration mit hoher Parallelität

Detaillierte Erklärung der Verwendung des chmod-Befehls in Linux

Eine detaillierte Einführung in den Ausführungsmechanismus von JavaScript

Artikel empfehlen

Detailliertes Tutorial zum Ersetzen von mysql8.0.17 in Windows 10

Ubuntu 20.04 aktiviert die versteckte Aufnahme-Rauschunterdrückungsfunktion (empfohlen)

Ein Beispiel für die Berechnungsfunktion calc in CSS im Website-Layout

Verschiedene Probleme, auf die Anfänger bei der Installation von MySQL in Docker stoßen

Zwei Methoden zum Wiederherstellen von MySQL-Daten

jQuery implementiert die Praxis, die Position und Größe von div durch Ziehen der Maus zu ändern

Automatische Zeilenumbrüche in HTML-Pre-Tags

So richten Sie geplante Sicherungsaufgaben in Linux CentOS ein

Nodejs kombiniert mit Socket.IO zur Realisierung einer sofortigen WebSocket-Kommunikation

Erfahren Sie mehr über den Ereignisplaner EVENT in MySQL

So verwenden Sie mysqladmin, um die aktuellen TPS und QPS einer MySQL-Instanz abzurufen

Darstellung von Eigenschaften wie OffsetWidth, ClientWidth, ScrollWidth, ScrollTop, ScrollLeft usw.

So importieren Sie Tomcat-Quellcode in Idea

Detaillierter Prozess zur Verwendung von VMware zum Testen des PXE-Batchinstallationsservers

Detaillierte Hinweise zu React für Einsteiger