data:image/png;base64

  • Post author:
  • Post category:其他


data:image/jpg;    声明数据协议及类型名称

base64,            编码形式为base64

/9j/4AAQSkZ……    base64编码结果

<img src=”data:image/gif;base64,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” />

“data:image/gif;base64,R0lGODlhJ……” 就是一张图片的DataURL,就是利用base64编码把图片数据翻译成标准ASCII字符。

等同于:

<img src=”../images/loading.gif”>

​​​​​​​



版权声明:本文为weixin_40052304原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。