Il est utilisé pour lire le fichier dans la mémoire et lire les données du fichier. L'interface FileReader fournit une API asynchrone qui utilise cette API pour accéder au système de fichiers asynchrone dans le thread principal du navigateur pour lire les données du fichier. À l'heure actuelle, seuls FF3.6 + et Chrome6.0 + ont implémenté l'interface FileReader.
1. La méthode d'interface FileReaderIl existe 4 méthodes pour l'interface FileReader, dont trois sont utilisées pour lire des fichiers, et l'autre est utilisé pour interrompre la lecture. Quel que soit le succès ou l'échec, la méthode ne reviendra pas aux résultats de lecture.
La méthode d'interface FileReader
| Nom de méthode | paramètre | décrire |
|---|---|---|
| Readasbinarystring | déposer | Lisez le fichier dans le codage binaire |
| Readastext | fichier, [Encodage] | Lisez le fichier en tant que texte |
| Readasdataurl | déposer | Lisez le fichier comme DataUrl |
| avorter | (Aucun) | Opération de lecture du terminal |
L'interface FileReader contient un modèle d'événement complet pour capturer l'état lors de la lecture du fichier.
Événement d'interface FileReader
| événement | décrire |
| inabort | Interrompre |
| onerror | Se tromper |
| onloadstart | commencer |
| Onduler | Lire |
| en charge | Lire avec succès |
| onloking | Terminé, peu importe si le succès et l'échec |
<Script Type = Text / JavaScript> Var Result = Document.getElementId (Résultat); P> Votre navigateur ne prend pas en charge l'interface FileReader! </ p>; if (! / image /// w + /. test (file.type)) {alert (voir clairement, cela nécessite des images!); des données Urll Reader.readasdataurl (fichier); Reader.onload = fonction (e) {var result = document.getElementyid (result); } Fonction ReadAsBinaryString () {var File = Document.getElementById (fichier) .Files [0]; Résultat); Reader.readastext (fichier); reader.onload = function (f) {var result = document.getElementyid (result); > Veuillez sélectionner un fichier: </ label> <entrée type = fichier id = file /> <input type = Button Value = Lire l'image onClick = readAsDatarl () /> <entrée type = Button Value = Lire les données binaires onClick = readasbinaryString () /> <input type = Button Value = Read Text Fichier OnClick = readastext () /> </p> <div id = Result name = result> </ div> RésumerCe qui précède est l'exemple de l'interface FileReader dans HTML5 présentée par Xiaobian. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!