Hvordan utløse en nedlasting av filer når du klikker på en HTML -knapp eller JavaScript?

JavaScript er et skriptbasert språk og integreres med HTML for interaktive nettgrensesnitt. Det letter forskjellige funksjoner, for eksempel en drop-meny, popup-varslingsmeldinger og utløser filer for nedlastinger.

I dette innlegget lærer du om å utløse en nedlastingsfil ved å klikke på en HTML -knapp så vel som JavaScript -kode.

I tillegg tjener dette innlegget følgende utfall:

• Hvordan utløse en nedlasting av filer når du klikker på en HTML -knapp
• Hvordan utløse en nedlasting av filer ved hjelp av JavaScript

Metode 1: Hvordan utløse en nedlasting av filer ved å klikke på en HTML -knapp?

Denne metoden er tilpasset for å utløse en nedlasting av filer ved å trykke på HTML -knappen. Følgende syntaks vil tjene formålet med å laste ned en fil ved å klikke på en HTML -knapp:

Syntaks

Du må bruke Tag for å opprette en HTML -knapp og angi verdien til “nedlasting”. Verdien er en brukerdefinert attributt og kan settes i henhold til brukerens ønske.

Eksempel

I dette eksemplet brukes en HTML -knapp til å utløse en nedlastingsfil. Koden er som følger:

Kode

Utløs en nedlasting av filer ved hjelp av HTML -knappen

nedlasting

Manuset kjøres i test.html fil. Beskrivelsen er oppført nedenfor:

• for det første,

  brukes til å vise en melding med en avsnitt stikkord.

• Etter det, taggen er ansatt for å vise en knapp i en nettleser.
• Til slutt, den ved trykk Nøkkelord brukes til å dukke opp et nytt vindu når en bruker klikker på en knapp.

Produksjon

Etter å ha klikket på knappen "Nedlasting", Brukeren kan laste ned "datamaskin.JPG ”.

Metode 2: Hvordan utløse en nedlasting av filer ved hjelp av JavaScript?
En annen metode er tilpasset for å laste ned en fil ved å bruke JavaScript. De nedlasting() Metoden brukes til å laste ned en fil ved å trykke på knappen. Koden for dette målet er gitt nedenfor.

Kode

Hvordan utløse en nedlastingsfil når
Klikk på en HTML -knapp eller JavaScript?

<br>Velkommen til JavaScript World<br>

verdi = "Last ned" />

Beskrivelsen av koden er oppført her:

• For det første vises en melding ved å bruke

  Tagger.

• Etter det, brukes til å tildele et tekstområde for inngang fra brukeren.
• Videre brukes en knapp til å laste ned filen ved å trykke på den.
• De AddEventListener () brukes til å utløse en hendelse og laste ned en JavaScript.tekst fil.

Produksjon:

Utgangen returnerer et tekstområde med en "Nedlasting" knapp. Etter å ha trykket på knappen, utløser den en JavaScript.tekst fil for nedlasting.

Konklusjon

To metoder er tilpasset Utløs en nedlasting av filer ved å bruke HTML -knapp og JavaScript.

I den første metoden er HTML -knappen assosiert med dens ved trykk Hendelse for å laste ned filen ved å spesifisere plasseringen av filen. I den andre metoden brukes JavaScript -kode for å ta innspill fra brukeren og laste ned filen. Videre er det også gitt praktisk implementering for å laste ned filer ved å bruke HTML -knapp og JavaScript.