前端 img標簽顯示 base64格式的 圖片

本文鏈接：https://blog.csdn.net/kukudehui/article/details/80409522
在做項目的時候，我從后端返回了一個base64格式的圖片文件，想把它渲染在前端頁面上，找了一下午都沒有找到辦法，最后終於找到了資料！哈哈！

解決辦法就是這樣

 

后來又找了相關用法，總結如下：

        data:,文本數據

        data:text/plain,文本數據

        data:text/html,HTML代碼

        data:text/html;base64,base64編碼的HTML代碼

        data:text/css,CSS代碼

        data:text/css;base64,base64編碼的CSS代碼

        data:text/javascript,Javascript代碼

        data:text/javascript;base64,base64編碼的Javascript代碼

        data:image/gif;base64,base64編碼的gif圖片數據

        data:image/png;base64,base64編碼的png圖片數據

        data:image/jpeg;base64,base64編碼的jpeg圖片數據

        data:image/x-icon;base64,base64編碼的icon圖片數據

但是這種方法不兼容IE6/7，使用時要注意！