HTML5提供的文件API

FileList对象与file对象

fileList对象表示用户选择的文件列表，每个文件都是一个file对象

通过multiple属性，file控件允许一次放置多个文件

文件信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14

slice方法

  const b = new Blob(["hello", "别叫我达芬奇"]);
  const b1 = b.slice(0, 5, "text/plain");
  const b2 = b.slice(5);
  console.log(b1);  // size为5
  console.log(b2);  // size为18
1
2
3
4
5

FileReader对象

主要用来把文件读入内存

FileReader对象的5个方法

FileReader对象事件

应用：

以dataUrl形式读取

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

以文本形式读取

1
2
3
4
5
6
7
8
9
10
11
12
13
14