2021年10月1日 星期五

如何在HTML嵌入圖片?

我們可以將圖片的Base64碼直接寫在html當中,就可以不用另外傳送圖片檔了。

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

(圖一)網頁顯示


 

沒有留言:

張貼留言