Heim >Web-Frontend >js-Tutorial >Wie erzwinge ich, dass der Browser Bilder per Klick herunterlädt?

Wie erzwinge ich, dass der Browser Bilder per Klick herunterlädt?

Barbara Streisand
Barbara StreisandOriginal
2024-11-06 19:55:03223Durchsuche

How to Force Browser to Download Images on Click?

So erzwingen Sie, dass der Browser Bilddateien beim Klicken herunterlädt

Einführung

Wenn Sie in einem Browser auf Bilddateien klicken, Das Standardverhalten besteht normalerweise darin, das Bild in einem neuen Tab oder Fenster zu öffnen. In einigen Fällen möchten Sie jedoch möglicherweise stattdessen den Browser dazu zwingen, das Bild herunterzuladen.

Clientseitige Programmierung

Ja, dies ist mit möglich Clientseitige Programmierung, hauptsächlich mit HTML5.

HTML5-Lösung

Der HTML5-Attribut-Download bietet eine elegante Möglichkeit, Bilddownloads zu erzwingen. So verwenden Sie es:

<a href="image.jpg" download>Download Image</a>

Verhalten

Durch Hinzufügen des Download-Attributs zu einem Ankerelement fordert der Browser zum Herunterladen der Bilddatei mit ihrem ursprünglichen Namen auf . Der Benutzer kann über den Download-Attributwert einen benutzerdefinierten Namen angeben.

Einschränkungen

Es ist wichtig zu beachten, dass das Download-Attribut nur von modernen Browsern unterstützt wird. Darüber hinaus wird das Download-Attribut für ursprungsübergreifende Bildanfragen (Laden von Bildern aus einer anderen Domain) aus Sicherheitsgründen seit Frühjahr 2018 in modernen Browsern nicht mehr unterstützt.

Das obige ist der detaillierte Inhalt vonWie erzwinge ich, dass der Browser Bilder per Klick herunterlädt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn