URL.createObjectURL、URL.revokeObjectURL、Uint8Array、Blob使用详解

目录

URL.createObjectURL(obj)

URL.revokeObjectURL(objURL)

create|revokeObjectURL使用示例详解

arr=new Uint8Array(length)

arr.BYTES_PER_ELEMENT

Uint8Array.subarray

示例

相关方法等详解

new Blob(arr,options)

相关方法等详解

---

URL.createObjectURL(obj)

返回一个URL 对象表示指定的 File 对象（生成blob:http://www.xxxx.com/xx的链接，可以直接在网页上打开File内容）或 Blob 对象（用于下载）。

obj为 File 对象、Blob 对象或者 MediaSource 对象。​

URL.revokeObjectURL(objURL)

在每次调用 createObjectURL() 方法时，都会创建一个新的 URL 对象，即使你已经用相同的对象作为参数创建过。当不再需要这些 URL 对象时，每个对象必须通过调用 URL.revokeObjectURL() 方法来释放。

objURL为URL.createObjectURL(obj) 返回的对象。

create|revokeObjectURL使用示例详解

URL.createObjectURL讲解_定栓的博客-CSDN博客_createobjecturl 文件名

arr=new Uint8Array(length)

返回一个长度为length的8位无符号整型数组（存储大小为0～256，负数会自动加256转为整数，超出-256），创建时内容被初始化为0。

还可以接受参数为数组。

arr.BYTES_PER_ELEMENT

数组中每个元素所占用的字节数，返回为1（Uint16Array时返回为2）。

Uint8Array.subarray

和slice方法相似，区别在于subarray返回的数组中的每一位和原数组的每一位共用一个地址（修改返回数组的内容，原数组内容也会对应修改）

示例

浅析Uint8Array语法及常见使用、Uint8Array.slice与Uint8Array.subarray区别（是否指向同一个内存空间）、new Uint8Array(typedArray)构造函数对typedArray的引用问题（保持同一个引用）、Uint8Array与String互相转换 - 古兰精 - 博客园

相关方法等详解

Uint8Array - JavaScript | MDN 

new Blob(arr,options)

返回一个blob对象（可理解为二进制的数据对象），常用用于文件下载。

arr为存储的数据；option是可选参数，为一个对象，type属性指定数据的类型，可以为text/html、image/png等；endings属性指定包含行结束符\n的字符串如何被写入，native代表行结束符会被更改为适合宿主操作系统文件系统的换行符，transparent代表会保持 blob 中保存的结束符不变（默认值）。

相关方法等详解

 Blob() - Web API 接口参考 | MDN