源代碼-js如何解析websocket返回的二進制圖片數據並且顯示在div中

js如何解析websocket返回的二進制圖片數據並且顯示在div中

最好是有簡單源代碼 急需要解決 ！！！！！！！！！
麻煩各位大神了！

最佳回答：

 <img src="" id="img"/>
<script>
    ws = new WebSocket("ws://192.168.0.171:1235");
    ws.onopen = function () {
        alert("連接成功");
        ws.send('tom');
        alert("給服務端發送一個字符串：tom");
    }
    ws.onmessage = function (e) {
        document.getElementById('img').src = 'data:image/gif;'+e.data;
    }
</script>

不是說了src可以直接設置為base64，需要增加data:image/gif;前綴，如果是jpg圖片需要改為data:image/jpg;......