Come attivare un download di un file quando fai clic su un pulsante HTML o JavaScript?
JavaScript è un linguaggio basato su scripting e si integra con HTML per interfacce Web interattive. Facilita varie funzionalità, come un menu a goccia, messaggi di avviso pop-up e file di attivazione per i download.
In questo post, imparerai a conoscere un file di download facendo clic su un pulsante HTML e il codice JavaScript.
Inoltre, questo post serve i seguenti risultati:
- Come attivare un download di un file quando si fa clic su un pulsante HTML
- Come attivare un download di un file utilizzando JavaScript
Metodo 1: come attivare un download di un file facendo clic su un pulsante HTML?
Questo metodo è adattato per attivare un download di file premendo il pulsante HTML. La seguente sintassi servirà allo scopo di scaricare un file facendo clic su un pulsante HTML:
Sintassi
Devi utilizzare il Tag per creare un pulsante HTML e impostare il suo valore su "Scaricamento". Il valore è un attributo definito dall'utente e può essere impostato secondo il desiderio dell'utente.
Esempio
In questo esempio, un pulsante HTML viene utilizzato per attivare un file di download. Il codice è il seguente:
Codice
Attiva un download di file utilizzando il pulsante HTML
Lo script esegue nel file test.html file. La descrizione è elencata di seguito:
- In primo luogo, viene utilizzato per visualizzare un messaggio con a paragrafo etichetta.
- Dopodiché, il tag viene utilizzato per visualizzare un pulsante in un browser web.
- Alla fine, il al clic La parola chiave viene utilizzata per visualizzare una nuova finestra quando un utente fa clic su un pulsante.
Produzione
Dopo aver fatto clic sul pulsante "Scaricamento", L'utente può scaricare "computer.jpg ".
Metodo 2: come attivare un download di file utilizzando JavaScript?
Un altro metodo è adattato per scaricare un file utilizzando JavaScript. IL scaricamento() Il metodo viene utilizzato per scaricare un file premendo il pulsante. Di seguito è riportato il codice per questo obiettivo.
Codice
Come attivare un file di download quando
Facendo clic su un pulsante HTML o JavaScript?
value = "download" />
La descrizione del codice è elencata qui:
- In primo luogo, viene visualizzato un messaggio utilizzando il tag.
- Dopo di che, viene utilizzato per allocare un'area di testo per l'input dall'utente.
- Inoltre, un pulsante viene utilizzato per scaricare il file premendolo.
- IL addEventListener () viene utilizzato per attivare un evento e scaricare un JavaScript.TXT file.
Produzione:
L'output restituisce un'area di testo con a "Scaricamento" pulsante. Dopo aver premuto il pulsante, innesca a JavaScript.TXT File per il download.
Conclusione
Sono adattati due metodi Trigger un download di file utilizzando il Pulsante HTML E JavaScript.
Nel primo metodo, il pulsante HTML è associato al suo al clic evento per scaricare il file specificando la posizione del file. Nel secondo metodo, il codice JavaScript viene utilizzato per prendere input dall'utente e scaricare il file. Inoltre, viene fornita anche l'implementazione pratica per il download di file utilizzando il Pulsante HTML E JavaScript.