Heim > Artikel > Web-Frontend > So implementieren Sie die Click-to-Download-Dateifunktion in HTML
So implementieren Sie die Click-to-Download-Dateifunktion in HTML
- 王林nach vorne
- 2020-08-12 16:46:424449Durchsuche
Verwenden Sie das a-Tag, um die Click-to-Download-Dateifunktion abzuschließen
<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>
Auf diese Weise wird die Datei direkt heruntergeladen, wenn der Benutzer den Browser öffnet und auf den Link klickt.
(Empfohlenes Tutorial: HTML-Tutorial)
Aber es gibt eine Situation, in der TXT, PNG, JPG und andere Browser, die das direkte Öffnen von Dateien unterstützen, die Download-Aufgabe nicht ausführen, sondern die Datei direkt öffnen. Zu diesem Zeitpunkt müssen Sie dem Tag a das Attribut „Download“ hinzufügen.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="http://171.188.96.**:****/d/c833945c11/files/?p=/plugins.maintain.CheckLinePartTask/cebab687-6dc5-4128-b7d9-8bc2fe369598.png&raw=1" download="test.png">点击下载</a> </body> </html>
Das Attribut nach down ist der Dateiname der heruntergeladenen Datei.
Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Click-to-Download-Dateifunktion in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!