用于从数据库通过Spring引导提供图像的HTML_Html_Image_Heroku_Thymeleaf

用于从数据库通过Spring引导提供图像的HTML

html image heroku

用于从数据库通过Spring引导提供图像的HTML,html,image,heroku,thymeleaf,Html,Image,Heroku,Thymeleaf,我将化身图像存储在Heroku的PGSQL中，我曾经通过API REST GET controller提供服务，一切正常。我现在正试图通过thymeleaf在服务器域中通过API REST URL提供服务，所以我为此准备了一个MVC。一切正常，除了我不能在前端应用程序中使用服务器URL嵌入HTML标记外，它显示了一个丢失的链接，我不明白这一点，因为如果我在浏览器中打开链接本身，它工作正常并显示图像我试图做的是类似于谷歌阿凡达HTML的东西，我复制了谷歌HTML的简单代码，并作为它，在谷歌HTM

我将化身图像存储在Heroku的PGSQL中，我曾经通过API REST GET controller提供服务，一切正常。我现在正试图通过thymeleaf在服务器域中通过API REST URL提供服务，所以我为此准备了一个MVC。一切正常，除了我不能在前端应用程序中使用服务器URL嵌入HTML标记外，它显示了一个丢失的链接，我不明白这一点，因为如果我在浏览器中打开链接本身，它工作正常并显示图像

我试图做的是类似于谷歌阿凡达HTML的东西，我复制了谷歌HTML的简单代码，并作为它，在谷歌HTML作品中，但不是与我的

谷歌示例：

我的输出：

所以，两者都很好，但我只能在前端的HTML IMG SRC中使用google一个，我的输出显示了一个borken链接：(

我的HTML Tempalte：

<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title th:text="${title}"></title>
    <meta name="viewport" content="width=device-width, minimum-scale=0.1">
  </head>
  <body style="margin: 0px; background: #0e0e0e;">
    <img style="-webkit-user-select: none;margin: auto;" th:if="${avatarData != null}" th:src="'data:image/jpeg;base64,' + ${avatarData}">
    <img style="-webkit-user-select: none;margin: auto;" th:if="${avatarData == null}" th:src="@{${avatarURL}}">
  </body>
</html>

最后是我的前端，断开的链接显示：

<a href (click)="false" [routerLink]="'/social/user/'+user.hashEmail">
    <img class="s-ava-alone-img" width="150" height="150" [src]="'https://chefscript.herokuapp.com/avatar?emailHash='+user.hashEmail">
</a>

找到它。标题和响应类型出现问题。我想在前端的IMG SRC中使用阿凡达图片，尽管HTML/文本，但这是一个糟糕的策略。

我在谷歌上看到，内容类型标题设置为image/jpeg，内容处置标题设置为inline。这样以后可以使用。

是

avatarURL

绝对URL吗？你可以尝试使用

th:src=“${avatarURL}”

相反？我试过了。结果是一样的。回答你的问题：是的，这是一个绝对的URL，你可以在我的输出链接中看到。问题是我不能在前端将此输出用作IMG SRC，所以在下一步，我认为问题出在HTML端，但我不明白为什么。对不起，不是英语母语。

<a href (click)="false" [routerLink]="'/social/user/'+user.hashEmail">
    <img class="s-ava-alone-img" width="150" height="150" [src]="'https://chefscript.herokuapp.com/avatar?emailHash='+user.hashEmail">
</a>