如何将 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'] );