从协议缓冲区响应中获取数据到 img src

Question

我有一个通过 URL 调用图像的代码。 现在 URL 返回一个协议缓冲区，当我在新选项卡中单独打开链接时，它会显示文本“["imagename",[[null,null,"data:image/jpeg;charset;utf-8;base64 ,#encoded#"]]]" 由于 URL 返回文本响应，有什么方法可以将整个响应转换为字符串（10K+ 个字符），然后我可以将其切片并将其放入 img src。 我只想将整个代码放入单个 html 文件中，或者有没有办法在 html 代码中编写原型模式，然后从中检索数据。 （我刚开始编程）

//Html
<img id="image" Src="#URL">
//javascript
var imgstring=document.getElementById("image");
//when i print this, I get it as "[object HTML ImageElement]"
//if i use the .value it gives the output as "undefined" 

Answer 1

也许这对你有帮助：

var byteArray = new Uint8Array(#Buffer Data#);
var blob = new Blob([byteArray]);
const url = window.URL.createObjectURL(blob);