base64編碼的圖片在HTML的img控制元件中顯示
阿新 • • 發佈：2019-01-04
最近在做一個移動web app專案的開發，將客戶經理與客戶的聊天功能搬到手機中（類似微信聊天），其中客戶經理的頭像由原電腦端的聊天專案組同事提供。他們儲存在資料庫中的圖片資訊為varbinary型別的數值，也就是以二進位制資料儲存。自己寫了個根據客戶經理的ID查詢其頭像資訊的介面（即中臺wcf服務），將這個varbinary值讀取出來，通過日誌中記錄的這些值的形式，發現是base64編碼的方式。於是就有了之後的研究，就是將base64編碼的圖片顯示的問題：
方法①：<img>控制元件
<img alt="頭像" src="../Handler/GetPhoto.ashx?AgentID=×××"<img src="data:image/png;base64,具體的編碼值（即①中的result）">同樣可以展示
該方法得益於他人的一篇文章，原文地址：玩轉圖片base64編碼
附：wcf服務的相關筆記
wcf服務中加上webget，就可以用http的方式訪問該服務，也是本專案wcf服務採用的做法。
例如：
[OperationContract]
[WebGet(UriTemplate="/QryData/{id}")]
Stream QryData(string ID);
即可通過
http://localhost:×××/Services/×××.svc/QryData/a 來獲取a的相關內容。本人才疏學淺，如有不正確的地方，希望各位大大們批評指正，謝謝！成長的路上，有你們的指點，才會更好。