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 对象解析

推荐阅读

一路凯伴|继张翰否认复合风闻后，郑爽与CP粉聊天记录曝光，直言已没有联系

春分中的“分”是什么意思？

《一点就到家》32天拍完，刘昊然彭昱畅惊讶没完整剧本丨揭秘

番茄苹果肉片

套装|【新套装】永昼迷境探寻啵啵的回忆世界

阿凡达2|第49周中美票房报告：无新片上榜，整个市场都在等待《阿凡达2》

价值4万块的败家之眼败家之眼是什么

沙坪坝区新冠肺炎疫情防控工作领导小组|重庆进口冻虾部分外包装新冠检测阳性

云端软件推出弹性算力平台云E

什么车贬值最厉害？

李某|埋藏地下1000年“古镇”，冬天无积雪，盗贼深夜潜入结果被吓跑

教你0经验转行新媒体运营如何转行新媒体运营

在海外的留学生怎样自己烹饪春节聚餐只能用烤炉、电饭煲、电磁炉、各种平底锅；辣酱有限

#奔跑吧兄弟#明星为何纷纷退出《跑男》，不是档期问题，看看万茜的说法就懂了

太平洋电脑网：iPhone 降频门闹大了，苹果同意支付 5 亿美元解决集体诉讼

这个村子被称为蛇村，家家都有上万只毒蛇，令人不可思议！

华为nova5pro怎么调夜间模式

北京CBD周围做水果捞的配送服务，怎么样更容易成功

北京青年报-北青网|近百家上市公司发布拟减持计划

抹香鲸|抹香鲸为什么喜欢对付大王乌贼？