const blob = new Blob(["Hello World"], {type: "text/plain"}); const subBlob = blob.slice(0, 5); iframe.src = URL.createObjectURL(subBlob); 此时页面会显示"Hello"。 2. File 文件(File)接口提供有关文件的信息,并允许网页中的 JavaScript 访问其内容。实际上,File 对象是特殊类型的 Blob,且...
<iframe></iframe>constiframe =document.getElementsByTagName("iframe")[0];constblob =newBlob(["Hello World"], {type:"text/plain"}); iframe.src=URL.createObjectURL(blob); (2)Blob 分片 除了使用Blob()构造函数来创建blob 对象之外,还可以从 blob 对象中创建blob,也就是将 blob 对象切片。Blob 对...
atob():解码,解码一个 Base64 字符串; btoa():编码,从一个字符串或者二进制数据编码一个 Base64 字符串。 主要使用: ①将canvas画布内容生成base64的图片 ②将获取的图片文件,生成base64图片【这个在上面的filereader的时候已经演示过了,这里就不演示了】 演示①: 总结: 1.ArrayBuffer 与 Blob 有啥区别呢?根...
FileReader.readAsBinaryString():读取指定 Blob 中的内容,完成之后,result属性中将包含所读取文件的原始二进制数据; FileReader.readAsDataURL():读取指定 Blob 中的内容,完成之后,result属性中将包含一个data: URL 格式的 Base64 字符串以表示所读取文件的内容。 FileReader.readAsText():读取指定 Blob 中的内容,完成之...
JavaScript 提供了一些 API 来处理文件或原始文件数据,例如:File、Blob、FileReader、ArrayBuffer、base64 等。下面就来看看它们都是如何使用的,它们之间又有何区别和联系。 1. Blob Blob 全称为 binary large object ,即二进制大对象,它是 JavaScript 中的一个对象,表示原始的类似文件的数据。下面是 MDN 中对 Blob...
new ArrayBuffer(bytelength) 参数:它接受一个参数,即 bytelength,表示要创建数组缓冲区的大小(以字节为单位。) ②TypedArray读写buffer ③DataView读写buffer Object URL 它是一个用来表示File Object 或Blob Object 的URL 演示一下: base64 在JavaScript 中,有两个函数被分别用来处理解码和编码base64字符串: ...
JavaScript中的File、Blob、FileReader、ArrayBuffer和Base64都是处理二进制数据的重要工具，各自有独特的用途和操作方式。- Blob: 二进制大对象，表示原始文件数据，不可变且可按需读取或转换为流。创建Blob时，可以指定MIME类型。Blob对象支持切片操作，方便数据分割。- File: 特殊的Blob类型，主要通过元素和...
ArrayBuffer vs Blob: Blob 作为一个整体文件，适合用于传输；当需要对二进制数据进行操作时（比如要修改某一段数据时），就可以使用 ArrayBuffer。具体操作方法详见 谈谈 JS 二进制。5. Object URL Object URL 又称 Blog URL，它是一个用来表示 File Object 或 Blob Object 的 URL。在网页中，我们...
谈谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64(上)https://developer.aliyun.com/article/1411385 4. ArrayBuffer (1)ArrayBuffer ArrayBuffer 对象用来表示通用的、固定长度的原始二进制数据缓冲区。ArrayBuffer 的内容不能直接操作,只能通过 DataView 对象或 TypedArrray 对象来访问。这些对象用于读取和写入...
6.今天一次性给你讲清楚:File、Blob、FileReader、ArrayBuffer、Base64, 视频播放量 2824、弹幕量 5、点赞数 98、投硬币枚数 81、收藏人数 84、转发人数 4, 视频作者 我们一起学前端, 作者简介 9年前端程序员,每日分享打卡,每天进步一点点。关注我,免费领取一枚前端陪