JavaScript Blob 对象解析 _JavaScript

文章插图

Blob是JAVAScript内建对象，表示不可变的原始数据的类似文件的对象。
blob是表示原始数据的不可变对象，这些数据不一定是JavaScript原生格式的，文件接口基于Blob，继承Blob功能并将其扩展为支持用户系统上的文件。
Blob有很多用途：

可以从网络的内容创建。
可以保存到磁盘或从磁盘读取。
例如，它们是FileReader API中使用的File的基础数据结构。

我们可以使用 Blob() 构造函数从其他非blob对象和数据构造Blob 。
Blob构造函数Blob构造函数允许从其他对象创建Blob 。例如，从字符串构造Blob 。

let hero = {name: 'Batman'}let blobObject = new Blob([JSON.stringify(hero, null, 2)], { type: 'Application/json' });console.log(blobObject);

现在，如果我们在浏览器中运行此文件，我们将在浏览器控制台中看到以下输出。

文章插图

Blob size 属性Blob.size 属性返回Blob或File的大小（以字节为单位）。
var sizeInBytes = blob.size参见以下示例。

let hero = {name: 'Batman'}let blobObject = new Blob([JSON.stringify(hero, null, 2)],{ type: 'application/json' });console.log(blobObject.size);

将会输出

文章插图

Blob.slice() 方法Blob.slice() 函数用于创建新的Blob对象，该对象包含源Blob的指定字节范围内的数据。
instanceOfBlob.slice([start [, end [, contentType]]]);参见以下代码。

let hero = {name: 'Batman'}let blobObject = new Blob([JSON.stringify(hero, null, 2)], { type: 'application/json' });console.log(blobObject.slice(10, 16, { type: 'application/json' }));

输出

文章插图

总结使用二进制远程文件时，Blob非常有用。
Blob可能非常大，即也可能包含音频和视频数据。可以动态创建它们，并使用Blob URL用作文件。我们可以通过多种不同方式使用它们，以使它们更有用。

【JavaScript Blob 对象解析】

JavaScript Blob 对象解析

推荐阅读

【小刁说美食】常吃这道菜，补充营养的同时，还能健脑益智，家有孩子必须吃

送女生水杯好还是化妆品好送女朋友什么样的杯子好

女生停止发育的征兆有哪些呢？

「小米科技」小米手环5曝出：显示屏增加、功能增强、价钱转变有点儿大！

51岁的孙悦混乱的情史：她的故事远比你想象的更精彩

分享一下成功撩别人的经历

柚子茶的功效与作用,苹果花的功效与作用

这11个“养生建议”，比废话还害人

连续服用止痛药多久会上瘾比如家庭常用的正疼片（氨酚咖匹林片）

人民币|数字版人民币终于亮相，你见过没有？

李启言受伤后首发动态：靠机械骨骼行走7万步，父亲公开治疗照片

老年人菜谱家常菜做法老年人合适吃什么菜

止于至善7037|没想到多年后更精彩，周杰伦三个女人昆凌、蔡依林、侯佩岑的战争

字母哥|官宣！字母哥当选MVP，离封神就差一冠，比肩乔丹他真比詹皇强

全球潮流生活@让每根手指都散发温婉气质的美甲推荐

环球网|世卫组织：新冠确诊病例中男性占53%，女性占47%

简历上最好不要写哪些内容？

学生食堂|学生连喝11瓶奶涉事校长被约谈围观家长纷纷劝阻＂别喝了＂

女子跟男友吵架报警吓男友|女子跟男友吵架报警吓男友自己却被拘留

货拉拉天价搬运费揭行业乱象货拉拉怎么收费