当前位置:   article > 正文

Blob(个人学习)_new blob type参数

new blob type参数

简介

  • Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取,也可以转换成 ReadableStream 来用于数据操作。

内容

构造函数

  • var aBlob = new Blob( array, options );
  1. DOMStrings会被编码为UTF-8。
  2. options:
  • type,默认值为 “”,它代表了将会被放入到blob中的数组内容的MIME类型
  • endings,默认值为"transparent",用于指定包含行结束符\n的字符串如何被写入。
    • “native”,代表行结束符会被更改为适合宿主操作系统文件系统的换行符,或者
    • “transparent”,代表会保持blob中保存的结束符不变

属性

Blob.size

  • 只读 Blob 对象中所包含数据的大小(字节)。

Blob.type

  • 只读 一个字符串,表明该 Blob 对象所包含数据的 MIME 类型。如果类型未知,则该值为空字符串。

方法

Blob.slice([start[, end[, contentType]]])

  • 返回一个新的 Blob 对象,包含了源 Blob 对象中指定范围内的数据。
  • start 可选
    这个参数代表 Blob 里的下标,表示第一个会被会被拷贝进新的 Blob 的字节的起始位置。如果你传入的是一个负数,那么这个偏移量将会从数据的末尾从后到前开始计算。举例来说, -10 将会是 Blob 的倒数第十个字节。它的默认值是0, 如果你传入的start的长度大于源 Blob 的长度,那么返回的将会是一个长度为0并且不包含任何数据的一个 Blob 对象。
  • end 可选
    这个参数代表的是 Blob 的一个下标,这个下标-1的对应的字节将会是被拷贝进新的Blob 的最后一个字节。如果你传入了一个负数,那么这个偏移量将会从数据的末尾从后到前开始计算。举例来说, -10 将会是 Blob 的倒数第十个字节。它的默认值就是它的原始长度(size).
  • contentType 可选
    给新的 Blob 赋予一个新的文档类型。这将会把它的 type 属性设为被传入的值。它的默认值是一个空的字符串。

Blob.stream()

  • 返回一个能读取blob内容的 ReadableStream
    • 流操作API 中的ReadableStream 接口呈现了一个可读取的二进制流操作。

Blob.text()

  • 返回一个promise且包含blob所有内容的UTF-8格式的 USVString。
    • 在JavaScript中返回时, USVString 映射到 String 。

Blob.arrayBuffer()

  • 返回一个promise且包含blob所有内容的二进制格式的 ArrayBuffer
    • ArrayBuffer 对象用来表示通用的、固定长度的原始二进制数据缓冲区。

从 Blob 中提取数据

使用 FileReader。以下代码将 Blob 的内容作为类型数组读取:

var reader = new FileReader();
reader.addEventListener("loadend", function() {
   // reader.result 包含被转化为类型数组 typed array 的 blob
});
reader.readAsArrayBuffer(blob);
  • 1
  • 2
  • 3
  • 4
  • 5

注意

  1. 要从其他非blob对象和数据构造一个 Blob,请使用 Blob() 构造函数。
  2. 要创建一个 blob 数据的子集 blob,请使用 slice() 方法。
  3. 要获取用户文件系统上的文件对应的 Blob 对象,请参阅 File 文档。
  4. slice() 方法在某些浏览器和版本上带有浏览器引擎前缀:比如 Firefox 12 及更早版本的blob.mozSlice() 和 Safari 中的blob.webkitSlice()。 没有浏览器引擎前缀的老版本 slice() 方法有不同的语义,并且已过时。Firefox 30 取消了对 blob.mozSlice() 的支持。
  5. slice() 方法原本接受 length 作为第二个参数,以表示复制到新 Blob 对象的字节数。如果设置的参数使 start + length 超出了源 Blob 对象的大小,则返回从开始到结尾的所有数据。
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/144982?site
推荐阅读
相关标签
  

闽ICP备14008679号