在html頁面中直接嵌入圖片數據


一般情況,通常是在html頁面中應用圖片的鏈接,如:

 

<img src="http://baidu.com/logo.gif">
 
但是,這樣的前提是我們需要將圖片先上傳到指定的網站,然后獲取外鏈。一方面略麻煩,最主要的是存儲圖片的網站是否持續的支持外鏈引用。所以,必要的時候可以將圖片直接插入到html頁面中。如下
 
<img src="data:image/png;base64,.......">

 

其中base64逗號之后的就是將圖片經過base64編碼后的數據。在mac os中,terminal直接提供了base64編碼工具,所以比較方便。此外需要說明的是,容易看到src后面應用的數據實際上個uri數據,對此可參考后面的參考1的介紹。

當然這種嵌入方式不好的地方就是,html文件會很臃腫,同時不能在本地將圖片緩存。根據情況,各取所需吧。

 

參考

1. 圖片base64編碼利器:在線 Data URI 生成工具 – Duri.me 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM