Как изменить изображение src после события socket.io?

Question

Использование socket.io, я выдвигаю изображения с сервера к клиенту с помощью base64 закодированные строки:

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

Как я могу сбросить в ГКЗ 'imgid' на следующем Socket.io случае? Он работает нормально один раз, но затем не будет отображаться новые изображения, пока я не обновить страницу

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); 
});