Wie zwinge ich einen Browser, Bilder per Mausklick herunterzuladen?

So zwingen Sie den Browser, Bilddateien beim Klicken herunterzuladen

Das Problem

Viele Benutzer sind mit der Unannehmlichkeit konfrontiert, dass Browser Bilddateien nur öffnen, anstatt sie herunterzuladen ihnen. Dieses Verhalten unterscheidet sich von der Standardaktion beim Klicken auf Links zu Excel-Dateien, die den Browser dazu auffordert, die Datei automatisch herunterzuladen.

Clientseitige Programmierlösung

Glücklicherweise ist dies bei Verwendung der clientseitigen Programmierung der Fall Es ist möglich, den Browser zu zwingen, Bilddateien beim Klicken herunterzuladen. HTML5 führt das Attribut „Download“ ein, das zu Links hinzugefügt werden kann, um den Downloadvorgang zu starten.

<a href="/path/to/image.png" download>

Kompatible Browser fordern den Benutzer dann auf, das Bild mit demselben Dateinamen herunterzuladen (z. B. image.png). ).

Um einen benutzerdefinierten Dateinamen für die heruntergeladene Datei anzugeben, weisen Sie dem Feld „Download“ einen Wert zu. attribute:

<a href="/path/to/image.png" download="AwesomeImage.png">

Hinweis: Ab Frühjahr 2018 funktioniert diese Lösung nicht mehr für Cross-Origin-Hrefs. Wenn Sie beispielsweise versuchen, einen Link zu einem Bild auf einer anderen Domain zu erstellen (z. B. ), wird der Download nicht gestartet .

Das obige ist der detaillierte Inhalt vonWie zwinge ich einen Browser, Bilder per Mausklick herunterzuladen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!