Ressourcen in HTML5 herunterladen – a[download]

Chrome unterstützt jetzt das neue download-Attribut der HTML-Spezifikation für a-Elemente. Dieses Attribut gibt an, dass die Ressource, auf die es verweist, vom Browser heruntergeladen und nicht aufgerufen werden soll.

Über Ressourcen herunterladen:

Wenn Sie beispielsweise auf den folgenden Link klicken, wird die PNG-Datei als „MyGoogleLogo.png“ heruntergeladen und nicht zum href-Wert download me. Das Markup dafür sieht so aus:

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

Der echte Vorteil von a[download] liegt bei der Arbeit mit blob: URLs und filesystem: URLs-URLs. Sie bietet Nutzern die Möglichkeit, Inhalte herunterzuladen, die in Ihrer App erstellt oder geändert wurden.

Vollständige Demo

Beachten Sie, dass das Bild im obigen Beispiel in Bezug auf die Website denselben Ursprung hat. Wenn Sie versuchen, einen Bildlink aus einem anderen Ursprung zu verwenden, funktioniert er möglicherweise nicht als Navigationslink, sondern nicht als Downloadlink. Das liegt daran, dass viele Browserversionen die Downloadrichtlinie für ursprungsübergreifende Dateien nicht unterstützen. Beispielsweise war in den Chrome-Versionen vor 65 das Herunterladen von Cross-Origin-Dateien möglich und wurde in späteren Versionen eingestellt. Weitere Informationen Mit dem Header „Content-Disposition“ können Sie einen Download von einem anderen Ursprung erzwingen.

Browserunterstützung: Dieses Attribut wird nur in der aktuellen Version der Chrome-Entwicklerversion (14.0.835.15 und höher) unterstützt.