如何使用Java在HTML中显示字节[]?

发布于 2025-01-21 08:05:45 字数 1052 浏览 0 评论 0原文

我在项目中使用Spring MVC和JPA。我将文件作为byte []获取,然后保存在数据库中。但是,当我想在< img> html标签中显示时,它不会显示出来。

我的实体是:

class Photo {

    @Id
    @GeneratedValue(strategy = GenerationType.AUTO) 
    private Long id;

    private String title;

    @Lob
    private byte[] profilePic;

    // getter and setter
}

数据库中的值是:

”在此处输入图像描述”

但是我的服务器响应是:

{
    "id": 4,
    "title": "pic 1",
    "profilePic": "ZGF0YTppb...VFtQ0M=",
}

这就是我尝试在html中显示图像的方式:

<img src='ZGF0YTppb...VFtQ0M=' />
//or
<img src='data:image/jpeg;base64,ZGF0YTppb...VFtQ0M=' />

该如何显示照片?

谢谢。

I use Spring MVC and JPA in my project. I get file as byte[] and save in Database. But when I want to display in <img> tag of HTML it doesn't get displayed.

My entity is:

class Photo {

    @Id
    @GeneratedValue(strategy = GenerationType.AUTO) 
    private Long id;

    private String title;

    @Lob
    private byte[] profilePic;

    // getter and setter
}

Value in the Database is:

enter image description here

But my server response is:
enter image description here

{
    "id": 4,
    "title": "pic 1",
    "profilePic": "ZGF0YTppb...VFtQ0M=",
}

And this is how I try to display the image in HTML:

<img src='ZGF0YTppb...VFtQ0M=' />
//or
<img src='data:image/jpeg;base64,ZGF0YTppb...VFtQ0M=' />

What to do to display the photo?

Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

心的位置 2025-01-28 08:05:45

假设它的base64编码:

&lt; img src ='data:image/jpeg; base64,zgf0ytppb ... vftq0m ='/&gt;

基本上您可以根据此格式使用数据URL,取决于此格式[您要显示:

数据:[&lt; mime type&gt;] [; charset =&lt; charset&gt;] [; base64],&lt;编码数据&gt;

Assuming it's base64 encoded:

<img src='data:image/jpeg;base64,ZGF0YTppb...VFtQ0M=' />

Basically you can use data urls with this format depending on what content [type] you want to display:

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

悸初 2025-01-28 08:05:45

HTML:

<img id="profileImg" src="">

JS:

document.getElementById("profileImg").src = "data:image/png;base64," + profilePic;

假设您的图像以PNG格式(和Base64编码)存储。对于其他图像格式(JPEG等),您需要在URL中更改MIME类型(“ Image/...”部分)。

HTML:

<img id="profileImg" src="">

JS:

document.getElementById("profileImg").src = "data:image/png;base64," + profilePic;

This assumes that your image is stored in PNG format (and base64 encoded). For other image format (JPEG, etc.), you need to change the MIME type ("image/..." part) in the URL.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文