如何将 blob 附加到 dom？

Question

我是 blob 的新手，所以我希望有一个小方向，以节省更多数小时的徒劳无功的暴力尝试。

我使用以下 php（从这里开始）将 base64 编码的图像从我的数据库返回到 get javascript 函数。

echo '<img src="data:image/jpeg;base64,'.base64_encode( $row['Photo'] ).'"==/>';

在带有console.log（this.responseText）的javascript中，我可以看到编码。但我不确定它是如何附加到 dom 的，所以我可以在网页中看到图像。

我习惯于通过以下方式附加到 dom：

var photo = document.createElement('img'); 
photo.src = X;
document.body.insertBefore(photo,document.body.firstChild);

但据推测，客户端需要一些解码。

如果您知道一个合适的问题，我会很高兴链接到另一个堆栈溢出问题。

我发现的关于该主题的大多数堆栈溢出问题（例如）都涉及解码或回声，但没有明确处理将该图像包含在 DOM 中。

任何帮助表示赞赏。

Answer 1

解决方案是其他地方给出的链接解决方案的微不足道的变化。回显以下内容允许按预期追加到 DOM：echo 'data:image/jpeg;base64,'.base64_encode( $row['Photo'] );