首页 > 解决方案 > 将图像从 API 发送到 HTML 的正确方法是什么?

问题描述

我目前的实现如下:

我将图像存储在数据库中的二进制数据中。然后我加载它并将其作为 Http 响应中的 Base64 数据发送。

接口:

    @Lob
    @Column(length = 16777215)
    private byte[] image;

然后在 UI 中加载它<img ng-src="data:image/png;base64, {{product.image}}">

HTTP 响应对于某些图像来说是巨大的。它适用于几张图像,但假设我想显示 100 张图像。

这是快速又好地做到这一点的正确方法吗?

标签: javahtml

解决方案


您可以尝试将 URL 传递给图像节点中的 API。例如:

<img ng-src="https://api.myhost.com/product/5646/image" />

在大多数情况下,它应该可以正常工作。


推荐阅读