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用作文件。我们可以通过多种不同方式使用它们，以使它们更有用。

如果对你有所启发和帮助，可以点个关注、收藏，也可以留言讨论，这是对作者的最大鼓励。

作者简介：Web前端工程师，全栈开发工程师、持续学习者。

私信回复：大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！

#科技青年# #432头条知识节#

blob转file对象_JavaScript Blob 对象解析相关推荐

java 定义全局对象_JavaScript 全局对象
全局对象描述全局对象是预定义的对象,作为 JavaScript 的全局函数和全局属性的占位符.通过使用全局对象,可以访问所有其他所有预定义的对象.函数和属性.全局对象不是任何对象的属性,所以它没有名 ...
HTML5 file对象和blob对象的互相转换
使用FileReader 对象转换:File => DataURL 该对象用于读取文件(读取单个对象文件,所以,不能直接读取 Filelist 对象文件集合),即把文件内容读入内存.它接收 Fi ...
uniapp webview 直接调用原生摄像头拍照拍视频 img video，通过ajax获取blob（file为特殊的blob）对象并上传到后端服务器
web-view中通过plus方法调用摄像头拍照或者拍视频并上传后端的操作步骤如下 plus.camera.getCamera()获取摄像头对象 cmr cmr.captureImage(callba ...
h5如何上传文件二进制流_前端H5中JS用FileReader对象读取blob对象二进制数据，文件传输...
HTML5中的Blob对象只是二进制数据的容器,本身并不能操作二进制,故本篇将对其操作对象FileReader进行介绍. FileReader FileReader主要用于将文件内容读入内存,通过一系 ...
blob没权限 ie_js使用Blob对象下载兼容ie
官方解释:Blob是一个类文件的不可变的原始数据对象,非javascript原生数据类型,File对象就是继承自Blob对象,且在Blob的基础上进行扩展,以便支持用户系统上的文件. 先贴下载代码 v ...
Buffer对象与Blob对象
Buffer类在Node中,应用需要处理网络协议.操作数据库.处理图片.接收上传文件等,在网络流和文件的操作中,还要处理大量二进制数据,Buffer类被引入作为NodejsAPI的一部分,使其可以在 ...
理解DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型
FormData 对象的使用地址:https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects 一. ...
DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型
一.XMLHttpRequest 2.0的家臣们我大学那会儿,一个称为Ajax的东西对前端行业造成了深远影响,不仅是JS语言,而包括前端地位.职位兴起以及工作分工等.抛开IE6浏览器不谈,其他浏览器 ...
file文件转blob格式后下载 ,file文件下载
使用FileReader 对象转换 (该对象用于读取单个文件),接收File对象或Blob对象 base64下载针对不同类型文件,FileReader使用不同的方法读取 readAsBinarySt ...

blob转file对象_JavaScript Blob 对象解析

Blob构造函数

Blob size 属性

Blob.slice() 方法

总结

blob转file对象_JavaScript Blob 对象解析相关推荐

最新文章

热门文章