将Blob图像预览为HTML5 <img/>

Question

我正在使用 Java 开发网站，我在数据库中存储了图像 BLOB ，当它在浏览器中加载时，输出看起来像这样：

<div class="col-md-3">
        <img src="data:image/png;base64,[-1, -40, -1, -32, 0, 16, 74, 70, 73, 70, 0, 1, 2, 0, 0, 1, 0, 1, 0,...too long....
    </div>
</div>

当我在浏览器中预览时，它是 BROKEN IMAGE 。

我的代码看起来像这样：

<img src="data:image/png;base64,${mybyte}/>

这是控制台错误：

Failed to load resource: net::ERR_INVALID_URL

如何修复此问题？

Answer 1

您必须将byte[]转换为Base64字符串，请参阅java.util.Base64.Encoder.encodeToString(byte[] src)方法，并显示该字符串而不是mybyte数组。