直接用<img> 的src屬性顯示base64轉(zhuǎn)碼后的字符串成圖片

<img src="data:image/gif;base64,base64轉(zhuǎn)碼后的字符串" ></img>

其中 ?data:image/gif;base64, ?一定要加.不然無(wú)法正常顯示.

?

下面的圖片直接用瀏覽器F12點(diǎn)擊查看就可知道發(fā)現(xiàn)他的src是base64轉(zhuǎn)換后的字符串,而不是url地址.

?

F12后代碼效果如下:

<img src="data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/ wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQ3YmmKqVlRtW4ML wWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==" alt="Base64 encoded image" width="150" height="150">

?

轉(zhuǎn)載于:https://www.cnblogs.com/whatlonelytear/p/5607006.html

總結(jié)

以上是生活随笔為你收集整理的直接用img 的src属性显示base64转码后的字符串成图片【原】的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。