Download für Bilder und PDFs erzwingen (Force Download)
Den Download von Dateien wie Bildern oder PDFs erzwingen wir mit dem Setzen des HTML-Attributs "download" im Link-Tag der Datei.
Wenn PDF-Dokumente, Bilder oder Videos in einer Website verlinkt werden, so öffnet der Browser per Klick die Datei, anstatt einen Download der Datei auszuführen. Das geschieht immer dann, wenn der Browser einen Dateityp erkennt, den er selbst darstellen kann. In vielen Fällen möchte man allerdings nicht, dass sich Bilder oder PDFs im Browser öffnen – sie sollen zwingend heruntergeladen werden. Mit dem Setzen eines HTML-Attributs erreichen wir dieses Verhalten.
Browserverhalten auf Download ändern
Das HTML-Attribut download
teilt dem Browser mit, die entsprechende Datei nicht zu öffnen, sondern zum Download bereitzustellen. Damit wird das native Verhalten geändert, alle darstellbaren Dateiformate anzuzeigen. Der Browser bietet stattdessen einen Dialog zum Auswählen des Speicherortes an.
Das download
-Attribut wird für alle relevanten Plattformen von allen aktuellen Browsern auch im mobilen Bereich unterstützt.
<a href="vertrag.pdf" download>Download unseres Vertrags</a>
Datei-Namen des Downloads ändern
Hat die Datei, die zum Download angeboten wird, einen unschönen Datei-Namen, z.B. weil dieser automatisch erzeugt wird, gibt es die Möglichkeit diesen mit download="dateiname.xxx"
anzupassen.
<a href="jsf8404fsdl.pdf" download="vertrag.pdf">Download unseres Vertrags</a>