Javascript 显示来自一串字节的图像

我从服务器接收到图像的字节，该服务器通过WebSocket传递这些字节。收到的消息如下所示：

b'\xff\xd8\xff\xe0\x00\x10JFIF\x00\x01\x01\x00\x00\x01\x00\x01\x00\x00\xff\xe1\x006Exif\x00\x00II*\x00\x08\x00\x00\x00\x01\x002\x01\x02\x00\x14\x00\x00\x00\x1a\x00\x00\x00\x00\x00\x00\x002007:09:12 11:56:03\x00\xff\xdb\x00C\x00\x06\x04\x05\x06\x05\x04\x06\x06\x05\x06\x07\x07\x06\x08\n\x10\n\n\t\t\n\x14\x0e\x0f\x0c\x10\x17\x14\x18\x18\x17\x14\x16\x16\x1a\x1d%\x1f\x1a\x1b#\x1c\x16\x16 , #&\')*)\x19\x1f-0-(0%()(\xff\xdb\x00C\x01\x07\x07\x07\n\x08\n\x13\n\n\x13(\x1a\x16\x1a((((((((((((((((((((((((((((((((((((((((((((((((((\xff\xc2\x00\x11\x08\x01\xe0\x02H\x03\x01"\x00\x02\x11\x01\x03\x11\x01\xff\xc4\x00\x1b\x00\x00\x02\x03\x01\x01\x01\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x04\x05\x02\x03\x06\x01\x00\x07\xff\xc4\x00\x19\x01\x00\x03\x01\x01\x01\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x01\x02\x03\x04\x05\xff\xda\x00\x0c\x03\x01\x00\x02\x10\

（这只是消息的一部分，显然这里有太多字节无法共享）

这个信息存储在一个名为

input

的变量中，我想在一个id为“img”的HTML图像中显示它的值。 我尝试了以下代码：

document.getElementById("img").src=input;

但后来我意识到，正如我前面所说，

input

是一个字符串

---

是否有方法显示我在

输入中存储的数据中的图像？提前谢谢你。
你试过这个吗

document.getElementById("img").src = "data:image/png;base64," + input;

你试过这个吗

document.getElementById("img").src = "data:image/png;base64," + input;

你能从服务器给我发送准确的字节数组吗？它从不采用字节数组的形式，服务器（用python编写）以blob的形式从sql数据库获取数据（因此它存储为
b
字符串），然后通过WebSocket将数据发送到javascript客户端。你的消息是十六进制数组，你需要把它转换成ByteArray有办法吗？我尝试了一些我在这里和那里找到的方法，但它们对我不起作用。你想看什么？如果你想让我共享完整的十六进制，那么我不能，因为它太长了，不允许我共享。你能从服务器上给我发送准确的字节数组吗？它从不采用字节数组的形式，服务器（用python编写）以blob的形式从sql数据库获取数据（因此它存储为
b
字符串）然后它通过WebSocket将数据发送到javascript客户端。您的消息是十六进制数组，您需要将其转换为ByteArray。有办法吗？我尝试了一些我在这里和那里找到的方法，但它们对我不起作用。你想看什么？如果你想让我分享完整的咒语，那么我不能，它太长了，它不会让我分享它。