javascript - 사용자가 이미지를 다시 업로드 할 때 이미지의 src가 변경되지 않습니다 (socketio)

이 모듈을 사용하여 socket.io를 통해 이미지를 업로드하고 있습니다
클라이언트 측 코드는 다음과 같습니다.

<img src="/img/avatar-2-128.png" alt="" id="signinbox_photo"> //avatar-2-128.png is an avatar that will be replaced
<input type="file" id="siofu_input" />

//upload the image to the server
var uploader = new SocketIOFileUpload(socket);
uploader.listenOnInput(document.getElementById("siofu_input"));
socket.on('update photo', function(data){ //update the src attr of the img tag
    var signinbox_photo = $('#signinbox_photo');
    signinbox_photo.attr("src",`/img/user_images/${data.id}.jpg`);
});

서버 측 :

var fs = require('fs');
var siofu = require("socketio-file-upload");
io.sockets.on('connection', function(socket) {
    var uploader = new siofu();
    var dir = "./public/img/user_images/"
    uploader.dir = dir;
    uploader.listen(socket); //save the file
    uploader.on("saved", function(event){
        fs.rename(dir + event.file.name, dir + socket.id + ".jpg", function(err) { //replace the file name to socket id
            if ( err ) console.log('ERROR: ' + err);
        });
        io.sockets.emit('update photo', {id: socket.id}) //emit to client so it updates the src of the image
    });
});

사용자가 사진을 업로드하면 작동하고 모든 것이 예상대로 작동하지만 사용자가 다시 업로드하면 서버에서 파일을 교체하지만 클라이언트에서 이미지의 src는 업데이트하지 않습니다. 어떤 제안이라도 감사하겠습니다. 감사합니다.