Flask-SocketIO动态更新镜像

Question

我正在尝试让我的服务器定期使用flask-socketio发送图像。我用下面的代码发送图像

app.py

with open(f'{app.static_folder}\\image.jpg', ) as f:
        img = f.read()

socketio.emit('my_response',
             {'data': 'Server generated event', 'count': count,
              'image': img})

test.js

socket.on('my_response', function(msg) {     

    let arrayBufferView = new Uint8Array(msg['image']);

    console.log(arrayBufferView);

    var blob = new Blob( [ arrayBufferView ], { type: "image/jpeg" } );
    var img_url = URL.createObjectURL(blob);
    console.log(img_url);
    $("#img_cam").attr("src", img_url);
});

这不是在为我更新图像。我看到socketio发送了正确的数据，而且数据看起来也紧跟在Uint8Array之后。

如果我在html页面上创建一个按钮，并在文件中使用update image行，它就能正常工作。

如何获取发送过来的图像并更新图像源？

编辑:修复了我的问题，因为我拼写错误的img_cam在我的html文件。这段代码起作用了。

Answer 1

通过修复我的html文件解决了我的问题。

html文件和js文件之间需要匹配的id。更新图像的代码可以正常工作。