角度5：如何访问应用程序或资产文件夹之外的图像文件？

Question

我有一个应用程序，用户可以在其中上传图像。 我读到我需要在编译这些文件夹时将这些文件上传到app或Assets文件夹之外。 我的应用程序文件夹结构如下所示：

用户文件应该放在媒体文件夹中。 现在，我有示例文件media/user/default_dp.jpg ，但是如何在组件模板中访问此文件？ 只写

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

不能解决问题。

Answer 1

您（在这种情况下）不应将这些内容视为应用程序的一部分。 可以将这些媒体文件视为来自后端的东西。

上载的文件与Angular应用完全分开。 您的“服务器”文件夹可能会有类似的内容（或者更好的是，将其完全移出源代码）。 您的服务器需要在上载时将文件放置在公共可访问的位置，或提供一个端点来提供这些文件。 后端服务器为您提供的一切都将是您从中获取它的地方。

Answer 2

你能试一下吗 ：

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