java - 将 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>

当我在浏览器中预览它时，它是一个损坏的图像。

我的代码看起来像这样:

<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 数组。