Ressourcen in HTML5 herunterladen – a[download]

Eric Bidelman

Chrome unterstützt jetzt das neue download-Attribut der HTML-Spezifikation für a-Elemente. Wenn dieses Attribut verwendet wird, gibt es an, dass die Ressource, auf die es verweist, vom Browser heruntergeladen werden soll, anstatt zu ihr zu navigieren.

Ab Ressourcen herunterladen:

Hinweis : Das Attribut download, sofern vorhanden, gibt an, dass der Autor den Hyperlink zum Herunterladen einer Ressource beabsichtigt. Das Attribut kann einen Wert enthalten: Der Wert gibt, sofern vorhanden, den standardmäßigen Dateinamen an, den der Autor für die Kennzeichnung der Ressource in einem lokalen Dateisystem empfiehlt. Es gibt keine Einschränkungen für die zulässigen Werte. Autoren werden jedoch darauf hingewiesen, dass bei den meisten Dateisystemen Einschränkungen im Hinblick darauf gelten, welche Satzzeichen in Dateinamen unterstützt werden. User-Agents werden die Dateinamen wahrscheinlich entsprechend anpassen. Das Attribut kann außerdem einen Wert erhalten, um den Dateinamen anzugeben, den User-Agents beim Speichern der Ressource in einem Dateisystem verwenden sollen. Dieser Wert kann vom filename-Parameter des Content-Disposition-HTTP-Headers überschrieben werden.

Wenn Sie beispielsweise auf den folgenden Link klicken, wird die PNG-Datei als "MeinGoogleLogo .png" heruntergeladen. anstatt zum href-Wert herunterzuladen. Das Markup hierfür lautet wie folgt:

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

Der eigentliche Vorteil von a[download] besteht darin, dass Sie mit URLs mit blob: URLs und filesystem: URLs arbeiten. Nutzer können damit Inhalte herunterladen, die in Ihrer App erstellt oder geändert wurden.

Vollständige Demo

Beachten Sie, dass das Bild im obigen Beispiel denselben Ursprung in Bezug auf die Website hat. Wenn Sie versuchen, einen Link für ein Bild mit einem anderen Ursprung zu verwenden, funktioniert der Link möglicherweise nicht als Navigationslink statt als Downloadlink. Das liegt daran, dass viele Browserversionen die Downloadrichtlinie für ursprungsübergreifende Dateien nicht unterstützen. In den Chrome-Versionen vor 65 konnten beispielsweise ursprungsübergreifende Dateien heruntergeladen werden. In späteren Versionen wurde diese Funktion eingestellt. Weitere Informationen Sie können den Content-Disposition-Header verwenden, um einen Download von einem anderen Ursprung zu erzwingen.

Browserunterstützung: Nur die aktuelle Version der Chrome-Entwicklerversion (14.0.835.15 und höher) unterstützt dieses Attribut.