彻底搞懂blob对象,实现文件下载,文件分片技术

Blob对象

Blob的实例blob,blob是一个二进制大对象,是JavaScript对不可修改二进制数据的封装类型。包含字符串的数组,ArrayBuffers、ArrayBufferViews,甚至其它Blob都可以用来创建blob。Blob构造函数可以接受一个options参数,并在其中指定MIME类型。

创建一个Blob对象

let blob = new Blob()

我们可以看到
在这里插入图片描述
size => 二进制文件的大小
type => MIME类型
Blob构造函数

Blob(blobParts[, options])

方法

可以看到原型上有一些方法
在这里插入图片描述
text => 读取blob的值
slice => 可以用来进一步分割数据

对象URL与Blob

对象URL,是指存储在File或Blob中数据的URL。对象的URL的优点是不用把文件内容读取到JavaScript也可以使用文件。
要创建对象URL可以使用window.URL.createObjectURL()方法传入File或Blob对象。这个函数返回的值是一个指向内存中地址的字符串。因为这个值是URL,可以在DOM中直接使用。

实现下载文件

例子:res为二进制数据blob

  	const href = URL.createObjectURL(res);
	const a = document.createElement("a");
	a.download = "物料使用记录表.xlsx";
	a.href = href;
	a.click();

文件分片

以后补充吧,最近工作忙,哈哈

补充

MIME类型

媒体类型(通常称为Multipurpose Internet Mail Extensions 简称 MIME)
一种标准,用来表示文档/文件/字节流的格式和性质。
浏览器是使用MIME来确定如何处理URL
常见的类型

text/plain
text/html
image/jpeg
image/png
audio/mpeg
audio/ogg
audio/*
video/mp4
application/*
application/json
application/javascript
application/ecmascript
application/octet-stream
  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李和贵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值