Web API - File

原文链接：https://github.com/taoliujun/blog/issues/85

File

MDN: https://developer.mozilla.org/en-US/docs/Web/API/File_API

File用于读取用户通过<input type="file"/>选择、或DataTransfer拖拽的文件。

接口

Blob

文件的原始数据接口，可以用text、stream方法处理成文本或二进制流。

File

文件接口。包含文件信息size、type等，还包含了Blob原始数据。

FileList

File list。

FileReader

读取文件的接口，包含readAsDataURL、readAsText等方法来读取文件，通过errer、load、progress等事件监听读取结果，结果中包含了result、reayState等信息。

FileReaderSync

FileReader的同步版本。

属性和方法

URL.createObjectURL

将File或Blob转成url字符串。

URL.revokeObjectURL

将url字符串转成Blob对象。

示例

示例：https://taoliujun.github.io/example/web-api/File_API/index.html

1. 读取文件，并渲染到图片元素中。