Base64编码的说明及前端img使用

1,170 阅读1分钟

说明:Base64 是一种基于 64 个可打印字符来表示二进制数据的表示方法,由于 2^6=64,所以每 6 个比特为一个单元,对应某个可打印字符。

编解码工具:Base64 编码/解码 | 菜鸟工具 (runoob.com)

前端显示Base64编码图片:

  1. 获取base64编码的图片数据。

  2. 将数据拼接成data URI格式,格式如下:

    data:[<mime type>][;charset=<charset>][;base64],<encoded data>

    • <mime type>:图片的MIME类型,例如image/pngimage/jpeg等。
    • <charset>:可选项,表示字符编码方式。
    • <encoded data>:base64编码的图片数据

例:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr

3.将img的url指向该url即可