使用js将blob对象转file对象

在做图片裁剪上传的需求时，后端使用统一的文件上传接口，要求前端做图片裁剪。

前端裁剪上传图片组件开发会单独一篇文章总结，写完后会在此处链接过去。

前端裁剪图片后获取的实际是blob对象，后端统一的文件上传接口实际接收的file对象，前端需要在数据提交前将blob对象转为file对象。转换方法如下：

使用file()构造函数。

const files = new window.File(
    [blob],
    this.files[0].name,
    { type: this.files[0].type }
);

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

语法

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

参数

• bits
  • ArrayBuffer，ArrayBufferView，Blob，或者 DOMString 对象的 Array — 或者任何这些对象的组合。这是 UTF-8 编码的文件内容。
• name
  • 文件名称，或者文件路径
• options 可选
  • 选项对象，包含文件的可选属性。可用的选项如下：
    • type: DOMString，表示将要放到文件中的内容的 MIME 类型。默认值为 “” 。
    • lastModified: 数值，表示文件最后修改时间的 Unix 时间戳（毫秒）。默认值为 Date.now()。