Beispiele für die Verwendung der Filerereader -Schnittstelle in HTML5

Es wird verwendet, um die Datei in den Speicher zu lesen und die Daten in der Datei zu lesen. Die FileReader -Schnittstelle bietet eine asynchrone API, die diese API verwendet, um auf das Dateisystem asynchron im Haupt -Thread des Browsers zugreifen, um die Daten in der Datei zu lesen. Gegenwärtig haben nur FF3.6+und Chrome6.0+die FileReader -Schnittstelle implementiert.

Es gibt 4 Methoden für die FileReader -Schnittstelle, von denen drei zum Lesen von Dateien verwendet werden, und das andere wird verwendet, um das Lesen zu unterbrechen. Unabhängig vom Erfolg oder Misserfolg kehrt die Methode nicht zu den Lesegebnissen zurück.

Die Methode der Filereader -Schnittstelle

Die FileReader -Schnittstelle enthält ein vollständiges Ereignismodell, um den Status beim Lesen der Datei zu erfassen.

FileReader -Schnittstellenereignis

 <script type = text/javaScript> var result = document.getElementById (Ergebnis); P> Ihr Browser unterstützt die FileReader -Schnittstelle nicht! </p>; // Machen Sie die Auswahlsteuerung unerwünschte Datei. if (!/Image /// W+/. test (Datei.Type)) {alert (siehe klar, dass dies Bilder erfordert!); von Data urll reader.readasDataurl (Datei); } Function readAsBinaryString () {var file = document.getElementById (Datei). Ergebnis) // Dateiergebnis. Reader.Readastext (Datei); > Bitte wählen Sie eine Datei aus: </label> <Eingabe type = Datei id = Datei/> <Eingabe type = Schaltfläche Wert = Lesen Sie das Bild onclick = readasDatarl ()/> <Eingabe type = Schaltfläche Wert = Lesen Sie die Binärdaten onclick = ReadAsBinaryString () /> <Eingabetyp = Schaltfläche Wert = Lesen Sie die Textdatei onclick = ReadaStext () /> < /p> <div id = result name = result> < /div>

Das oben genannte Beispiel für die von Xiaobian vorgestellte FileReader -Schnittstelle in HTML5. Ich hoffe, es wird für alle hilfreich sein. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!