Comment télécharger une image simple à l'aide de JavaScript et HTML

JavaScript est l'outil le plus puissant qui offre une large gamme de fonctions. Il aide à améliorer les images pour l'évaluation humaine, l'analyse et l'interprétation. Plus précisément, dans le développement Web, les images jouent un rôle crucial. Les informations sous forme d'images peuvent être extraites et traitées à partir d'images pour une évaluation informatisée. Les pixels de l'image indiquée peuvent être gérés et contrôlés à tout contraste et densité souhaités.

Cet article démontrera la méthode de téléchargement de l'image à l'aide de JavaScript et HTML.

Comment télécharger une image simple à l'aide de JavaScript / HTML?

Pour télécharger une image simple à l'aide de JavaScript, nous allons d'abord ajouter une balise d'image dans la page HTML, puis utiliser le code JavaScript pour charger et sélectionner l'image dans la page Web.

Pour des implications pratiques, essayez les instructions déclarées.

Exemple

Tout d'abord, suivez les instructions données:

• Insérez le «”Elément et spécifiez le type d'entrée comme«déposer".
• Ce type de «fichier» détermine le champ dans l'électation de fichiers et un «Parcourir"Bouton pour télécharger les fichiers.
• "
  »Tag insère une pause de ligne.
• Ensuite, insérez un «”TAG HTML et ajoutez le"identifiant”Attribut pour spécifier l'ID unique avec un nom particulier.
• "SRC”Attribut utilisé pour ajouter l'URL du fichier multimédia:

On peut remarquer qu'une option de fichier a été créée, et il ne peut afficher le nom de l'image qu'après l'avoir accepté une entrée:

Maintenant, à l'intérieur du «”TAG, utilisez le code suivant:

Dans l'extrait de code ci-dessus:

• "addEventListener ()”La méthode JavaScript permet d'insérer ou d'attacher un gestionnaire d'événements défini à un élément.
• "QuerySelector ()"Est une méthode utilisée pour renvoyer le premier élément dans le document particulier qui se lie au sélecteur particulier.
• "getElementByid ()«La méthode est utilisée pour obtenir l'élément en utilisant l'ID défini. À cette fin, la valeur de la est passée comme le paramètre.
• "RevokeObjectUrl ()”Libère une URL d'objet existante créée en utilisant l'URL. Pour ce faire, l'URL de l'image est passé comme paramètre de cette méthode.
• "createObjectUrl ()"Est une méthode statique JavaScript qui fait qu'une chaîne particulière a une URL qui représente l'objet passé dans le paramètre.

Sortir

On peut remarquer que nous avons téléchargé avec succès une image simple.

Conclusion

Pour télécharger l'image simple à l'aide de JavaScript, utilisez le «addEventListener ()»Méthode qui permet d'insérer ou de fixer un gestionnaire d'événements défini à un élément. Ensuite, accédez à l'élément défini par ID et utilisez le «RevokeObjectUrl ()" et "createObjectUrl ()«Méthodes. Ce message a indiqué la méthode de téléchargement d'image simple à l'aide de JavaScript / HTML.