JavaScript 提供了一些 API 来处理文件或原始文件数据，例如：File、Blob、FileReader、ArrayBuffer、base64 等。下面就来看看它们都是如何使用的，它们之间又

在前端开发中，我们不可避免会遇到 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些概念，是时候搞懂他们了！

File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件，同时 Blob 对象的API也被列在 File 接口中。

本文节选自 Awesome CheatSheet/DOM CheatSheet，主要是对 DOM 操作中常见的 Blob、File API 相关概念进行简要描述。 Blob 是 JavaScript 中的对象，表示不可变的类文件对象，里面可以存储大量的二进制编码格式的数据。Bl…

「这是我参与2022首次更文挑战的第6天，活动详情查看：2022首次更文挑战」 前言 对于前端的图片格式来说，比较常见的就是File、Blob、Base64着三种格式，在不同的场景需要不同的文件格式，

元素从 URL（Data URL，HTTP URL 或 Object URL）加载图像。 元素通过 canvas API drawImage 来获取 元素上的图像数据。 是带有二进制数据的类文件对象。它包含一个只读的 size 属性和一个只读的 type 属性。你可以通过 sl…

笔者之前遇了好几处需要处理文件流的场景，以及互相转换，这边深入的学习了一下它们的概念，区别以及互相转换，阅读本文你将了解前端常见的文件流格式，以及相互转换的思路。 1.概念 File 一般情况之下Fi