Heim >Web-Frontend >js-Tutorial >Wie erzwinge ich, dass der Browser Bilder per Klick 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!