【问题标题】:Display images from url in database在数据库中显示来自 url 的图像
【发布时间】:2021-01-15 02:21:40
【问题描述】:

我有一个 MySQL 数据库,在一个表中我存储了一个指向位于 AWS S3 上的图像的链接。数据库中的这些图像与注册的特定用户相关联。

我需要显示图像(连续 3 张照片),其链接在我的数据库中。也就是说,当我添加链接时,我需要将这张图片添加到页面中。

在程序中我使用 Java、Spring、Thymeleaf、HTML(用于显示页面)。

提前感谢大家!

图像实体

@Entity
@Getter
@Setter
@Table(name = "image")
public class Image {
@Id
@GeneratedValue(strategy = GenerationType.AUTO)
@Column(name = "id")
private Long id;

@Column(name = "image_link")
private String imageLink;

public Image() {
}

@Override
public String toString() {
    return "Image{" +
            "id=" + id +
            ", imageLink='" + imageLink + '\'' +
            '}';
}
}

【问题讨论】:

  • 到目前为止你做了什么???
  • @ahmednawazbutt 我刚刚创建了这个表的实体。然后了解如何显示图像。

标签: java html mysql spring database


【解决方案1】:

有很多方法可以做到这一点,但最终你需要将你的图片 url 传递给你的浏览器并使用 html <img> 标签来显示图片。

图片url的获取方法也有很多种。您可以使用 ajax,因此这更多的是 Javascript 技术。

如果您使用Thymeleaf,这更多是在服务器端处理,您需要在Thymeleaf模板中编写您的显示逻辑,一旦浏览器得到html结果,您的图像将自动显示。

【讨论】:

  • 我可以使用 标签动态添加图片吗?我的意思是当我添加到 db 的链接时,此图像将出现在此页面中。
  • 如果你写的逻辑正确,一旦你添加一个新的链接到db,你刷新你的浏览器页面,新的图像当然会显示出来。 can I add images dynamically using <img> tag? 是的,它会的,如果你插入新的<img> 标签,浏览器会自动渲染它。
  • 但我不知道如何将我的 db 表与链接和 html 页面连接起来以使其动态生成?
  • 你已经拥有你的实体了吧?这意味着您已经能够从数据库中获取数据。您只需要遍历Thymeleaf 中的实体数据,并显示<img> 中的记录。一旦所有这些 html 刷新到浏览器,您的图像就会显示出来。
猜你喜欢
  • 1970-01-01
  • 2017-05-25
  • 1970-01-01
  • 1970-01-01
  • 2013-05-19
  • 2018-04-02
  • 1970-01-01
  • 1970-01-01
  • 2012-10-16
相关资源
最近更新 更多