通過socket.io事件設置后如何更改圖像src？

Question

使用socket.io，我使用base64編碼的字符串將圖像從服務器推送到客戶端：

socket.on('send_picture', function (data){
    socket_data = (socket_data + data);
    document.getElementById('imgid').src = socket_data
})

如何在下一個socket.io事件中重置'imgid'的src？ 一次可以正常工作，但是直到我刷新頁面后才顯示新圖像

Answer 1

我發現，加載新圖像內容的最可靠方法是每次創建一個新的圖像元素，然后用新的圖像對象替換以前的圖像對象。 您可以這樣做：

socket.on('send_picture', function (data){
    socket_data = socket_data + data;
    var oldImg = document.getElementById('imgid');
    var newImg = new Image();
    newImg.src = socket_data;
    newImg.id = 'imgid';
    oldImg.parentNode.replaceChild(newImg, oldImg);
});