Chrome unterstützt jetzt das neue download-Attribut der HTML-Spezifikation für a-Elemente. Wenn dieses Attribut verwendet wird, bedeutet das, dass die darauf verweisende Ressource vom Browser heruntergeladen werden soll, anstatt sie aufzurufen.
Unter Ressourcen herunterladen:
Wenn Sie beispielsweise auf den folgenden Link klicken, wird die .png-Datei als „MyGoogleLogo.png“ heruntergeladen, anstatt den href-Wert aufzurufen: 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 eigentliche Vorteil von a[download] besteht bei der Arbeit mit blob: URLs und filesystem: URLs. Sie bietet Nutzern die Möglichkeit, Inhalte herunterzuladen, die in Ihrer App erstellt oder geändert wurden.
Beachten Sie, dass das Bild im obigen Beispiel dieselbe Quelle wie die Website hat. Wenn Sie versuchen, einen Link zu einem Bild aus einer anderen Quelle zu verwenden, funktioniert der Link möglicherweise nicht als Navigationslink, sondern nur als Downloadlink. Das liegt daran, dass viele Browserversionen die Downloadrichtlinien für seitenübergreifende Dateien nicht unterstützen. So war es beispielsweise in Chrome-Versionen vor 65 möglich, Dateien von verschiedenen Ursprüngen herunterzuladen. Diese Funktion wurde in späteren Versionen eingestellt. Weitere Informationen Mit dem Header Content-Disposition kannst du einen Download von einem anderen Ursprung erzwingen.
Browserunterstützung: Dieses Attribut wird nur von der aktuellen Chrome-Entwicklerversion (14.0.835.15 und höher) unterstützt.