如何在 Razor 页面 ASP.NET 中实现图像的动态 url
Posted
技术标签:
【中文标题】如何在 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>
【讨论】：
以上是关于如何在 Razor 页面 ASP.NET 中实现图像的动态 url的主要内容，如果未能解决你的问题，请参考以下文章
如何在 Razor 页面中获取 ASP.NET 身份验证票证到期？
如何在 asp.net core razor 页面中拒绝匿名用户？
如何在 ASP.NET Core 2.0 Razor 页面中填充下拉列表