在前端开发中,我们经常需要处理各种各样的数据,例如图片、音频、视频等。其中,Data URL 是一种十分常见的数据格式,它可以将任意类型的数据转换成一个字符串,以便在 web 应用中传输、存储或展示。
什么是 Data URL?
Data URL (或称为 data URI) 是一种统一资源标识符 (URI),它将任何类型的数据转换成一段 ASCII 字符串,以便在 web 页面中直接引用。Data URL 的基本语法如下:
data:[<mediatype>][;base64],<data>
其中,
<mediatype>
表示数据的 MIME 类型,例如 image/png、text/plain 等;;base64
(可选)表示数据采用 Base64 编码;<data>
表示实际的数据内容。
例如,下面是一个包含一张 PNG 图片的 Data URL:
-- -------------------- ---- ------- -------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------- ------------------------------ - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------