跳到主要内容

认识

2023年03月03日
柏拉文
越努力,越幸运

一、认识


文件(File)接口提供有关文件的信息,并允许网页中的 JavaScript 访问其内容。

通常情况下, File 对象是来自用户在一个 <input> 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象,或者来自 HTMLCanvasElement 上的 mozGetAsFile() API。

File 对象是特殊类型的 Blob,且可以用在任意的 Blob 类型的上下文中。比如说 FileReaderURL.createObjectURL()XMLHttpRequest.send() 都能处理 BlobFile

二、构造函数


2.1 File()

File() 构造器创建新的 File 对象实例。

语法

var myFile = new File(bits, name[, options]);
  • bits: 一个包含ArrayBufferArrayBufferViewBlob,或者 DOMString 对象的 Array — 或者任何这些对象的组合。这是 UTF-8 编码的文件内容。

  • name: USVString,表示文件名称,或者文件路径。

  • options: 选项对象,包含文件的可选属性。可用的选项如下:

    • type: DOMString,表示将要放到文件中的内容的 MIME 类型。默认值为 "" 。

    • lastModified: 数值,表示文件最后修改时间的 Unix 时间戳(毫秒)。默认值为 Date.now()