WebSockets-發送圖像給客戶端連接

Question

這是我在stackoverflow.com上的第一篇文章，所以我會盡量直截了當。 我必須使用websockets開發一個webapp的功能。我能夠使用websockets發送文本數據 ，但不是一個圖像。我看了並嘗試了不同的可能性，但無法使其工作。處理圖像必須在JavaScript中。

如果您有解決方案，請幫助我。 謝謝。

更新：我已經成功地使用HTML5的FileReader Api發送帶有websockets的圖像。 感謝大家。

Answer 1

Websockects無法發送圖像或其他任何東西，而不是二進制數據。您可以通過將圖像運行時轉換爲Base64數據並通過javascript將其解碼爲圖像來解決此問題。

有很多關於如何解碼Base64編碼圖像的示例，但您也可以直接將其嵌入到圖像src中：<img src="data:image/png;base64,xxxxxxxxxxxxxxxxxx" />用您的Base64數據替換x'es。