JavaScript文件：（二）File

前言

前文介绍了Blob对象，但是我们在使用Input选择文件时，回调中的数据却不是Blob对象，而是File对象

一、File

File 对象可以用来获取某个文件的信息，还可以用来读取这个文件的内容。

通常情况下， File 对象是来自用户在一个 <input> 元素上选择文件后返回的 FileList 对象，也可以是来自由拖放操作生成的 DataTransfer 对象。
例如：

<template>
  <div id="app">
    <input type="file" @change="respondsToChange" />
  </div>
</template>
...
respondsToChange(e) {
  console.log(e.target.files);
},

在选择一个或多个文件后，通过input的files属性（是一个FileList对象），里面的每一个值都是File对象；
通过File属性，可查看文件的内容和信息；

二、File对象的属性

• name：文件名，该属性只读
• size：文件大小，单位为字节，该属性只读
• type：文件的 MIME 类型，如果分辨不出类型，则为空字符串，该属性只读。
• lastModified：文件的上次修改时间，格式为时间戳。
• lastModifiedDate：文件的上次修改时间，格式为 Date 对象实例

三、File对象的方法

File 接口没有定义任何方法，但是它从 Blob 接口继承了slice方法