如何在 Razor 页面 ASP.NET 中实现图像的动态 url

Posted 2023-03-27

【中文标题】如何在 Razor 页面 ASP.NET 中实现图像的动态 url

【英文标题】：How to implement dynamic url for image in Razor page ASP.NET

【发布时间】：2022-01-11 21:22:19

【问题描述】：

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

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

【问题讨论】：

客户端无法从浏览器加载图片 有错误信息吗？ background-image:url("@("~/ImagesAds/" + Model.ImageName)") 解决了什么问题？检查浏览器开发工具。

【参考方案1】：

尝试使用Url.Content，它可以将虚拟（相对）路径转换为应用程序绝对路径。：

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