使用js将blob对象转file对象

最新推荐文章于 2024-05-19 18:33:52 发布

1091214370的博客

最新推荐文章于 2024-05-19 18:33:52 发布

阅读量4.7w

点赞数 11

分类专栏： JavaScript 文章标签： blob转file

本文链接：https://blog.csdn.net/qq_34149935/article/details/88353679

版权

33 篇文章 0 订阅

订阅专栏

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

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

前端裁剪图片后获取的实际是blob对象，后端统一的文件上传接口实际接收的file对象，前端需要在数据提交前将blob对象转为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()。

关注