HTML5 learning FileReader interface

Little scum · Posted on 9/19/2016 10:45:24 AM

It is used to read files into memory and read data from files. The FileReader interface provides an asynchronous API that allows asynchronous access to the file system in the browser's main thread to read data in the file. So far, only FF3.6+ and Chrome 6.0+ have implemented the FileReader interface.

1. The method of FileReader interface
The FileReader interface has 4 methods, 3 of which are used to read files and one to interrupt reading. Regardless of whether the read succeeds or fails, the method does not return a read result, which is stored in the result property.

FileReader interface method name parameter description
readAsBinaryStringfilereads the file as binary encoding
readAsTextfile, [encoding] reads the file as text
readAsDataURLfile reads the file as a DataURL
abort(none) terminal read operation

2. FileReader interface events

The FileReader interface includes a complete event model that captures the state when a file is being read.

FileReader interface
Onabort interrupted
onerror
onloadstart
onprogressis reading
onload successfully read
onloadendread completes, regardless of success or failure

3. Use of FileReader interface

Login is visible.

Little scum · Posted on 9/19/2016 10:55:41 AM

https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader 具体介绍

[HTML/HTML5] HTML5 learning FileReader interface

Related Posts

Sections viewed