So auslösen Sie eine Datei herunterladen, wenn Sie auf eine HTML -Schaltfläche oder JavaScript klicken?

So auslösen Sie eine Datei herunterladen, wenn Sie auf eine HTML -Schaltfläche oder JavaScript klicken?

JavaScript ist eine skriptbasierte Sprache und integriert sich in HTML für interaktive Web-Schnittstellen. Es erleichtert verschiedene Funktionen, z. B. ein Drop-Menü, Popup-Warnmeldungen und Auslöser von Dateien für Downloads.

In diesem Beitrag erfahren Sie, ob Sie eine Download -Datei auslösen, indem Sie auf eine HTML -Schaltfläche sowie JavaScript -Code klicken.

Darüber hinaus dient dieser Beitrag die folgenden Ergebnisse:

  • So auslösen Sie eine Datei herunterladen, wenn Sie auf eine HTML -Schaltfläche klicken
  • So auslösen Sie eine Datei -Download mit JavaScript Download

Methode 1: So auslösen Sie eine Datei herunterladen, indem Sie auf eine HTML -Schaltfläche klicken?

Diese Methode wird angepasst, um eine Datei herunterzuladen, indem die HTML -Taste gedrückt wird. Die folgende Syntax dient dem Herunterladen einer Datei durch Klicken auf eine HTML -Schaltfläche:

Syntax

Sie müssen die nutzen Tag, um eine HTML -Schaltfläche zu erstellen und ihren Wert auf “einzustellenHerunterladen”. Der Wert ist ein benutzerdefiniertes Attribut und kann nach Wunsch des Benutzers festgelegt werden.

Beispiel

In diesem Beispiel wird eine HTML -Schaltfläche verwendet, um eine Download -Datei auszulösen. Der Code ist wie folgt:

Code


Lösen Sie eine Datei mit der HTML -Schaltfläche Download aus


Das Skript führt in der aus prüfen.html Datei. Die Beschreibung ist unten aufgeführt:

  • zuerst,

    wird verwendet, um eine Nachricht mit a anzuzeigen Absatz Schild.

  • Danach das Tag wird verwendet, um eine Schaltfläche in einem Webbrowser anzuzeigen.
  • Am Ende die ONCLICK Das Keyword wird verwendet, um ein neues Fenster aufzunehmen, wenn ein Benutzer auf eine Schaltfläche klickt.

Ausgang

Nach dem Klicken auf die Schaltfläche "Herunterladen", Der Benutzer kann herunterladen "Computer.JPG ”.

Methode 2: So auslösen eine Datei mit JavaScript herunterladen?
Eine andere Methode ist angepasst, um eine Datei mithilfe von JavaScript herunterzuladen. Der herunterladen() Die Methode wird verwendet, um eine Datei durch Drücken der Taste herunterzuladen. Der Code für dieses Ziel ist unten angegeben.

Code


So lösen Sie eine Download -Datei aus, wenn
Klicken Sie auf eine HTML -Schaltfläche oder JavaScript?




value = "download" />

Die Beschreibung des Codes ist hier aufgeführt:

  • Erstens wird eine Nachricht mit der Verwendung der angezeigt

    Stichworte.

  • Danach, wird verwendet, um einen Textbereich für die Eingabe vom Benutzer zuzuweisen.
  • Darüber hinaus wird eine Schaltfläche zum Herunterladen der Datei durch Drücken verwendet.
  • Der AddEventListener () wird verwendet, um ein Ereignis auszulösen und a herunterzuladen JavaScript.txt Datei.

Ausgang:

Die Ausgabe gibt einen Textbereich mit a zurück "Herunterladen" Taste. Nach dem Drücken der Taste löst es a aus JavaScript.txt Datei zum Herunterladen.

Abschluss

Zwei Methoden sind an angepasst Lösen Sie eine Datei herunterladen durch Verwendung der HTML -Taste Und JavaScript.

In der ersten Methode ist die HTML -Taste mit ihrer zugeordnet ONCLICK Ereignis zum Herunterladen der Datei, indem der Speicherort der Datei angegeben wird. In der zweiten Methode wird der JavaScript -Code verwendet, um Eingaben vom Benutzer zu erhalten und die Datei herunterzuladen. Darüber hinaus wird auch die praktische Implementierung zum Herunterladen von Dateien mithilfe der verwendet HTML -Taste Und JavaScript.