本文阿宝哥将按照以下的流程来介绍前端如何进行图片处理，然后穿插介绍二进制、Blob、BlobURL、Base64、DataURL、ArrayBuffer、TypedArray、DataView和图片压缩相关的知识点。
阅读完本文，小伙伴们将能轻松看懂以下转换关系图：
还在犹豫什么？跟上阿宝哥的脚步，让我们一起来玩转前端二进制。请小伙伴们原谅阿宝哥的“自恋”，在后面的示例中，我们将使用阿宝哥的个人头像作为演示素材。
好的，现在我们开始来进入第一个环节：「选择本地图片-图片预览」。
一、选择本地图片-图片预览1.1FileReaderAPI在支持FileReaderAPI的浏览器中，我们也可以利用该API方便实现图片本地预览功能。
（图片来源：