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

推荐阅读

1522年是哪个朝代 1522年是什么朝代

风雪中站岗军人站岗的战士手里紧握着

微信公众号“健康广东”|广东新增境外输入确诊5例、无症状感染者8例，均为广州报告

古今医案研读|古今医案研读：广中医教授周福生治萎缩性胃炎伴肠化三

家常老干妈豆腐，不一样的麻婆豆腐，做法超简单的下饭菜，特美味

『中金网』布局非接触经济，佳都科技发布商用智能人脸测温新品

盛夏书香|我们不能只有省省省的态度，孩子看见玩具就想买？对待金钱

花香|在家里养盆“醉酒杨妃”花姿琼花玉叶，花香醉人，比菊花还美

歌声|周深首登《流淌的歌声》，直呼被“榨干”

本田urv|8月销量最惨的十大轿车榜单，这个品牌占5款，或将退出中国市场

萌主妈咪育儿经|妈妈记得要读懂，男孩为何爱“粘”妈妈？背后的心理暗示

你可能不了解这3件事，早认识早受益乙肝知识

亲人被同事无故背地里骂咋办

高超音速|全球最快导弹亮相，15分钟直达美本土，宙斯盾都来不及反应

怎样看待教师在上课中夹带私货（泛指人生道理）的行为

真想买套小户型照着它装，既可住家又可当工作室，一人独享太爽了

北京将新增三条铛铛车夜景游线路

羽毛球从零基础到入门羽毛球训练

『搞笑大喇叭』一天在路口起步熄火了，她打开双闪下了车，笑话：表姐刚拿驾照

开一家儿童益智玩具店怎么样杭州巧天才玩具总部地址