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>