Introduction
À l'aide de l'objet FileReader, les applications Web peuvent lire de manière asynchrone le contenu de fichiers (ou de tampons de données bruts) stockés sur l'ordinateur de l'utilisateur et peuvent utiliser des objets de fichier ou des objets blob pour spécifier le fichier ou les données à traiter. L'objet de fichier peut provenir de l'objet FileList renvoyé par l'utilisateur après avoir sélectionné un fichier sur un élément <entrée type = "texte" />, ou dans l'objet DataTransfer généré par l'opération de glisser-déposer, ou du résultat de retour après avoir exécuté la méthode MozGetasFile () sur une méthode htmlcanvaselement.
Plusieurs pages, téléchargez plusieurs codes de démonstration des images
<! Doctype html> <html> <éad- head> <itle> Téléchargez l'image pour afficher l'image de prévisualisation </Title> <style> #result IMG {hauteur: 100px; Affichage: bloc en ligne; marge-droite: 10px; marge-fond: 10px; } </ style> </ head> <body> <div> <p> <bablow> Veuillez sélectionner un fichier image: </babloc> <input type = "file" id = "file_input" style = "affiche: aucun;" /> </p> <div id = "result"> <a href = "javascript: void (0);"> Ajouter l'image </a> </ div> </ div> <v> <p> <p> <label> Veuillez sélectionner un fichier d'image: </ laboratoire /> </p> <div id = "result"> <a href = "javascript: void (0);"> add image </a> </div> </div> <script src = "jQuery-2.2.1.min.js"> </cript> <cript> $ (". Add_img_btn"). $ (this) .parents (". Add_imgs"). Recherche ("Type = fichier]"). Click (); "Désolé, votre navigateur ne prend pas en charge FileReader"; input.setAttribute ('Disabled', 'Disabled'); } else {$ (input) .unbind ("modifier"). sur ("modifier", function () {var file = this.files [0]; if (! / image /// w + /. test (file.type)) {alert ("file doit être une image!"); return false;} var lecter = new FileRer (); Reader.readaDaSdataul (file) ;on. fonction (e) {$ (result) .append ('<img src = "' + this.result + '" />');Ce qui précède concerne cet article, et j'espère qu'il sera utile pour tout le monde d'apprendre la programmation JavaScript.