使用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 时间戳（毫秒）。默认值为 ()。

秒客网