Jhipster - [src] =“getImageUrl()”表示用户的头像图像不起作用

时间:2017-08-03 01:43:59

标签: jhipster

我更新了[jhi_user]表格中的列:image_url,其值不同,似乎没有任何效果,example: image_url= ../../../content/media/angular-js.png

问题: 在jhipster的文件结构中我应该创建一个文件夹来保存用户的个人资料图片,以及image_url值应该是什么,以便它可以使用 <img [src]="getImageUrl()">

值得一提的是,这有效: <img src="../../../content/media/angular-js.png"> 我用image:angular-js.png

创建了一个文件夹“media”

我正在使用mysql数据库和generator-jhipster:“4.6.2”

提前感谢您的帮助

1 个答案:

答案 0 :(得分:0)

网络应用中有两种图像:静态资源用于布局(图标,背景,徽标等),它们捆绑在您的应用中,其他可以更改而无需重建您的应用和这是数据。

静态资产可以由浏览器长期缓存,这就是为什么JHipster使用带有哈希码的webpack to version their URLs来修改引用它们的文件(html,css)并捆绑它们。

在您的设计中,您的图片网址存储在用户实体的一列中,该列指向作为静态资源的头像图片。所以webpack无法重写它。

因此,您要么从webpack构建过程中排除这些图像,要么将图像存储为数据库中的Blob,以使用户能够上传自己的图像。

第二个选项包括创建一个新实体Avatar,它包含Blob并与User实体具有一对一的关系。另一个实体的原因是JHipster不允许你修改用户实体。