首页 文章

Angular 5:如何访问app或assets文件夹之外的图像文件?

提问于
浏览
0

我有应用程序,用户可以上传图像 . 我读到我需要在app或assets文件夹之外上传这些文件,因为这些文件夹已被编译 . 我的app文件夹结构如下所示:

用户文件应该进入媒体文件夹 . 现在我有示例文件 media/user/default_dp.jpg ,但如何在组件模板中访问此文件?写作只是

`<div class="my-dp dp rounded-circle" [ngStyle]="{'background-image':url(./media/user/default_dp.jpg)'}">`

没有办法 .

2 回答

  • 1

    你能试一下吗 :

    <div class="my-dp dp rounded-circle" [ngStyle]="{'background-image': './media/user/default_dp.jpg'}"></div>
    
  • 1

    您不应该(在这种情况下)将这些视为您应用的一部分 . 将这些媒体文件视为来自后端的内容 .

    上传的文件与Angular应用程序完全分开 . 你的“服务器”文件夹可能会有类似的东西(或更好,完全移出源代码) . 您的服务器需要在上传时将文件放在可公开访问的位置,或者提供一个 endpoints ,用于提供这些文件 . 无论这个后端服务器给你什么,你将从哪里获取它 .

相关问题