json文件imagedata_文件和文件格式知多少

相关知识点

• 1、了解base64和blob
• 2、图像的数据类型
• 3、了解httpUrl、dataUrl、objectUrl(blobUrl)
• 4、了解Blob、File、BlobURL、DataURL之间的关系以及互相转换
• 5、如何获取Blob数据和File数据

知识点介绍

一、了解base64和blob

1、base64

Base64就是一种 基于64个可打印字符来表示二进制数据的表示方法
Base64编码是从二进制到字符的过程.
Base64编码主要用在传输、存储、表示二进制等领域，还可以用来加密，但是这种加密比较简单.

[参考地址：知乎]（https://www.zhihu.com/question/38036594/answer/74917716)

2、blob

二进制大对象，是一个可以存储二进制文件的容器

二、图像的数据类型

1、DOM

<img>

元素从 URL（Data URL，HTTP URL 或 Object URL）加载图像。

<canvas>

元素通过 canvas API drawImage 来获取

元素上的图像数据。

2、URL

httpUrl、dataUrl、objectUrl

3、文件

blob

是带有二进制数据的类文件对象。它包含一个只读的 size 属性和一个只读的 type 属性。你可以通过 slice，stream，text 等方法来读取二进制数据

file

一个 File 对象是一个特殊的 Blob 对象。除了 Blob 的属性和方法外，File 对象还包含 lastModified，name 等属性。

ImageData

一个 ImageData 对象是一个