Wie man erstellt: Download-Links

lernen, wie man mit HTML Download-Links erstellt.

Download-Links

Du kannst download Eigenschaft verwenden, um zu bestimmen, dass beim Klicken auf den Hyperlink die Zieldatei heruntergeladen wird.

Beispiel

<a href="w3logo.png" download>
  <img src="w3logo.png" alt="W3School">
</a>

Probieren Sie es selbst aus

nur href wird download Eigenschaft.

Der Wert dieser Eigenschaft wird der Name der heruntergeladenen Datei sein. Es gibt keine Beschränkungen für zulässige Werte, der Browser detektiert automatisch die richtige Dateierweiterung und fügt sie zur Datei hinzu (.img, .pdf, .txt, .html usw.).

Du kannst auch download Bestimme einen Wert für die Eigenschaft, der der neue Dateiname der heruntergeladenen Datei sein wird. Wird dieser Wert weggelassen, wird der ursprüngliche Dateiname verwendet.

Beispiel

Für download Bestimme einen Wert für die Eigenschaft, der der neue Dateiname der heruntergeladenen Datei sein wird ("w3logo.jpg" anstatt "mycodew3cimage.jpg"):

Bestimme den Wert der Download-Eigenschaft, der der neue Dateiname der heruntergeladenen Datei sein wird ("w3logo.jpg" anstatt "mycodew3cimage.jpg"):

<a href="w3logo.png" download="codew3c-logo">
  <img src="w3logo.png" alt="W3School">
</a>

Probieren Sie es selbst aus

Browserunterstützung

Tabellennummern weisen auf die erste Browserversion hin, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
14.0 13.0 20.0 10.1 15.0