直接用 的src屬性顯示base64轉碼后的字符串成圖片【原】

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

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

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

 

下面的圖片直接用瀏覽器F12點擊查看就可知道發現他的src是base64轉換后的字符串,而不是url地址.

 

F12后代碼效果如下:

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