Bilder runterladen lassen (ohne rechtsklick und speichern unter)

[Roof3]

Servus Leute,


ich hab eine Frage und zwar istes möglich ein Bild runterladen zu lassen ohne das ich einen rechtsklick machen und speichern unter drücken muss.

Das ich praktisch durch das drücken durch einen Button bzw. in meinem Fall durch ein Bild ein anderes Bild runterladen kann.

<img src="pic/download.png" id="download" onClick="location='images/hintergrund/h1.png'">

Ich hatte es so Probiert. Aber beim Klicken wird nur das einzelne Bild im Browser angezeigt. Ich will aber das das Bild dann direkt runtergeladen wird, wie es bei anderen Files (.exe, .rar) ist. Gibt es vielleicht eine Möglichkeit als Javascript oder mit html ?


Grüße

Roof3

 

[threadi]

Dafür gibt es mehrere Möglichkeiten:

a) Du müsstest auf dem Server den Content-type der Datei manipulieren, z.B. zu "application/octet-stream". Dadurch erhält der Browser vom Server das Signal, dass die Datei gespeichert werden soll und bietet dem Nutzer entsprechende Optionen an. Das sollte in jedem Browser funktionieren, hat jedoch den Nachteil, dass die meisten Browser den eigentlichen Dateityp (PNG) nicht mehr erkennen.
b) Bei HTML5 gibt es das download-Attribut, was man zu einem Link ergänzen kann. Nachteil: unterstützt noch nicht jeder Browser. Siehe: http://caniuse.com/#feat=download
c) Es gibt noch ein JavaScript, welches durch Erzeugung eines neuen Elementes, nur für das Bild, einen Download erzwingen kann. Das funktioniert meines Wissens jedoch nur in Chrome ..

Die von dir geschriebene Variante wird in keinem Fall zum Erfolg führen, macht mit dem onclick-Element zudem auch keinen Sinn.