如何在ASP.NET MVC项目中添加本地图片并解决显示问题

你当前的问题出在使用了本地物理绝对路径（C:\filename.txt\WebApplication3\WebApplication3\Images\cars.jpg），浏览器无法通过Web服务器访问到本地硬盘的绝对路径资源，必须按以下步骤操作：

• 第一步：将图片放入项目目录
  在你的ASP.NET MVC项目根目录下创建Images文件夹（如果已存在直接使用），把本地图片复制到这个文件夹中。

• 第二步：设置图片属性
  在Visual Studio中选中该图片，右键打开「属性」面板：

  • 将「复制到输出目录」设置为「如果较新则复制」
  • 将「生成操作」设置为「内容」

• 第三步：使用正确的路径引用图片
  在视图中使用站点相对路径，推荐两种写法：

  1. 直接使用~（代表站点根目录）的相对路径：

  <img src="~/Images/cars.jpg" class="card-img" alt="汽车图片">
  

  2. 用Razor的Url.Content辅助方法（更适配MVC路由规则）：

  <img src="@Url.Content("~/Images/cars.jpg")" class="card-img" alt="汽车图片">
  

这样设置后，项目运行时Web服务器会正确映射到图片资源，浏览器就能正常显示了。

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