如何在 Razor Pages 中实现图像的动态 URL

Question

<div class="card-img-little" style="background-image:url("@("~/ImagesAds/" + Model.ImageName)")" asp-append-version="true"></div>

客户端无法从浏览器加载图像。

Answer 1

尝试使用

Url.Content

，它可以将虚拟（相对）路径转换为应用程序绝对路径：

<div class="card-img-little" style="background-image:url('@Url.Content("~/ImagesAds/"+Model.ImageName)')" asp-append-version="true"></div>