文件 API

7. 文件 API

7.1. 读取本地文件信息

文件域对象可以获取用户选择文件的信息：

• 文件名
• 最近修改时间
• 文件大小
• 文件类型

var input = document.querySelector('#input_1');
var file = input.files[0];
file.name              // 获取文件名
file.lastModifiedDate  // 获取最近修改时间
file.size              // 获取文件大小（单位KB）
file.type              // 获取文件类型（如：text/plain、image/png）

7.2. 文件域改变事件

7.3. 文件域样式

7.4. 使用FileReader读取文件内容

FileReader就是用来读取本地文件的对象

var reader = new FileReader();
reader.addEventListener('load', function () {
    this.result; // 读取出来的结果
});
reader.readAsText(file);     // 以文本的形式读取
reader.readAsDataURL(file);  // 以DataURI的形式读取
// 以下（后台工程师用，前端不会用到）
reader.readAsBinaryString(file); // 二进制格式
reader.readAsArrayBuffer(file);  // 字节数组