Comment déclencher un fichier téléchargement lorsque vous cliquez sur un bouton HTML ou JavaScript?

Comment déclencher un fichier téléchargement lorsque vous cliquez sur un bouton HTML ou JavaScript?

JavaScript est un langage basé sur les scripts et s'intègre à HTML pour les interfaces Web interactives. Il facilite diverses fonctionnalités, comme un menu de dépôt, des messages d'alerte contextuels et des fichiers déclencheurs pour les téléchargements.

Dans cet article, vous apprendrez sur le déclenchement d'un fichier de téléchargement en cliquant sur un bouton HTML ainsi que le code JavaScript.

De plus, ce message sert les résultats suivants:

  • Comment déclencher un fichier téléchargement lors de la clic sur un bouton HTML
  • Comment déclencher un téléchargement de fichiers en utilisant JavaScript

Méthode 1: Comment déclencher un fichier téléchargement en cliquant sur un bouton HTML?

Cette méthode est adaptée pour déclencher un téléchargement de fichiers en appuyant sur le bouton HTML. La syntaxe suivante servira le but de télécharger un fichier en cliquant sur un bouton HTML:

Syntaxe

Vous devez utiliser le Tag pour créer un bouton HTML et définir sa valeur sur «Télécharger". La valeur est un attribut défini par l'utilisateur et peut être définie selon le souhait de l'utilisateur.

Exemple

Dans cet exemple, un bouton HTML est utilisé pour déclencher un fichier de téléchargement. Le code est comme suit:

Code


Déclencher un téléchargement de fichier à l'aide du bouton HTML


Le script s'exécute dans le test.html déposer. La description est répertoriée ci-dessous:

  • Premièrement,

    est utilisé pour afficher un message avec un paragraphe étiqueter.

  • Après ça, la balise est utilisé pour afficher un bouton dans un navigateur Web.
  • En fin de compte, le sur clic Le mot-clé est utilisé pour faire apparaître une nouvelle fenêtre lorsqu'un utilisateur clique sur un bouton.

Sortir

Après avoir cliqué sur le bouton "Télécharger", l'utilisateur peut télécharger "ordinateur.jpg ".

Méthode 2: Comment déclencher un téléchargement de fichiers à l'aide de JavaScript?
Une autre méthode est adaptée pour télécharger un fichier en utilisant JavaScript. Le télécharger() La méthode est utilisée pour télécharger un fichier en appuyant sur le bouton. Le code de cet objectif est donné ci-dessous.

Code


Comment déclencher un fichier de téléchargement lorsque
Cliquez sur un bouton HTML ou JavaScript?




Value = "Download" />

La description du code est répertoriée ici:

  • Tout d'abord, un message est affiché en utilisant le

    Mots clés.

  • Après cela, est utilisé pour allouer une zone de texte pour la contribution de l'utilisateur.
  • De plus, un bouton est utilisé pour télécharger le fichier en appuyant sur lui.
  • Le addEventListener () est utilisé pour déclencher un événement et télécharger un Javascrip.SMS déposer.

Sortir:

La sortie renvoie une zone de texte avec un "Télécharger" bouton. Après avoir appuyé sur le bouton, il déclenche un Javascrip.SMS fichier de téléchargement.

Conclusion

Deux méthodes sont adaptées à déclencher un téléchargement de fichiers en utilisant le Bouton html et Javascrip.

Dans la première méthode, le bouton HTML est associé à son sur clic événement pour télécharger le fichier en spécifiant l'emplacement du fichier. Dans la deuxième méthode, le code JavaScript est utilisé pour prendre les commentaires de l'utilisateur et télécharger le fichier. De plus, une implémentation pratique est également donnée pour télécharger des fichiers en utilisant le Bouton html et Javascrip.