如何从容的打包上传图片对象--File，Blob，BASE64详解及转换方法

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助

File()

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

语法

var myFile = new File(bits, name[, options]);

参数

bits

一个包含ArrayBuffer，ArrayBufferView，Blob，或者 DOMString 对象的 Array — 或者任何这些对象的组合。这是 UTF-8 编码的文件内容。

name

USVString，表示文件名称，或者文件路径。

options 可选

选项对象，包含文件的可选属性。可用的选项如下：

• type: DOMString，表示将要放到文件中的内容的 MIME 类型。默认值为 “” 。
• lastModified: 数值，表示文件最后修改时间的 Unix 时间戳(毫秒)。默认值为 Date.now()。

示例

var file = new File(["my name"], "infoTxt", {
  type: "text/plain",
});

Blob()

Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作。

Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件，同时 Blob 对象的API也被列在 File 接口中。

要从其他非blob对象和数据构造一个 Blob，请使用 Blob() 构造函数。要创建一个 blob 数据的子集 blob，请使用 slice() 方法。要获取用户文件系统上的文件对应的 Blob 对象，请参阅 File 文档。

语法

var aBlob = new Blob(