MVC中如何从Post表传递图片URL到视图作为CSS背景图？

嘿，我一眼就看出问题出在哪了——你写的~/Uploads/@Model.postimage里的~是ASP.NET服务器端的路径占位符，浏览器根本不认识它！直接把这个写在style属性里，浏览器会把~当成路径的一部分去请求，自然找不到图片啦。

给你几个靠谱的解决办法：

方法1：用Url.Content()生成正确的浏览器可识别路径 #

这是最稳妥的方式，利用ASP.NET的服务器端方法把根相对路径转换成浏览器能看懂的绝对路径：

<div style="background-image: url('@Url.Content("~/Uploads/" + Model.postimage)')"></div>

Url.Content()会自动把~/转换成你的应用根目录的实际路径——比如如果你的网站部署在服务器根目录，就会变成/Uploads/xxx.jpg；如果是虚拟目录，会自动加上虚拟路径前缀，绝对不会出错。

方法2：ASP.NET Core下的简化写法（同样要确保路径被解析） #

如果是ASP.NET Core项目，你也可以用字符串插值的方式把整个路径放在Razor表达式里，让服务器先解析~：

<div style="background-image: url('@($"~/Uploads/{Model.postimage}")')"></div>

不过还是更推荐第一种方法，兼容性更好，不管是老版本还是Core都能用。

额外要检查的几个点 #

除了路径解析的问题，你也得确认这几件事：

• Uploads文件夹确实在你的应用根目录下面，不是放在其他子文件夹里
• Model.postimage的值是完整的文件名，比如sunset.jpg，不是只有文件名没后缀
• 服务器允许访问这个文件夹的静态文件——比如IIS里要确保静态文件功能已经开启，文件夹权限设置正确

举个实际的例子，如果你的帖子图片文件名是travel-photo.png，那么Url.Content会帮你生成/Uploads/travel-photo.png（或者带虚拟路径的版本），浏览器就能精准找到这张图啦。

内容的提问来源于stack exchange，提问作者Hozifa Khater