怎么使用Js中Blob

这篇文章主要介绍“怎么使用Js中Blob”,在日常操作中,相信很多人在怎么使用Js中Blob问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么使用Js中Blob”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

  在一般的Web开发中,很少会用到Blob,但Blob可以满足一些场景下的特殊需求。Blob,BinaryLargeObject的缩写,代表二进制类型的大对象。Blob的概念在一些数据库中有使用到,例如,MYSQL中的BLOB类型就表示二进制数据的容器。在Web中,Blob类型的对象表示不可变的类似文件对象的原始数据,通俗点说,就是Blob对象是二进制数据,但它是类似文件对象的二进制数据,因此可以像操作File对象一样操作Blob对象,实际上,File继承自Blob。

  Blob基本用法

  创建

  可以通过Blob的构造函数创建Blob对象:

  Blob(blobParts[,options])

  Blob参数说明:

  blobParts:数组类型,数组中的每一项连接起来构成Blob对象的数据,数组中的每项元素可以是ArrayBuffer(二进制数据缓冲区),ArrayBufferView,Blob,DOMString。或其他类似对象的混合体。

  options:可选项,字典格式类型,可以指定如下两个属性:

  •type,默认值为"",它代表了将会被放入到blob中的数组内容的MIME类型。

  •endings,默认值为"transparent",用于指定包含行结束符\n的字符串如何被写入。它是以下两个值中的一个:"native",表示行结束符会被更改为适合宿主操作系统文件系统的换行符;"transparent",表示会保持blob中保存的结束符不变。

  举个栗子:

  vardata1="a";

  vardata2="b";

  vardata3="<divstyle='color:red;'>Thisisablob</div>";

  vardata4={"name":"abc"};

  varblob1=newBlob([data1]);

  varblob2=newBlob([data1,data2]);

  varblob3=newBlob([data3]);

  varblob4=newBlob([JSON.stringify(data4)]);

  varblob5=newBlob([data4]);

  varblob6=newBlob([data3,data4]);

到此,关于“怎么使用Js中Blob”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!