0

0

如何在 ASP.NET Core MVC 项目中正确添加并显示本地图片

霞舞

霞舞

发布时间:2026-01-22 10:21:42

|

226人浏览过

|

来源于php中文网

原创

如何在 ASP.NET Core MVC 项目中正确添加并显示本地图片

在 asp.net core mvc 中,静态资源(如图片)必须存放在 `wwwroot` 文件夹下,并通过相对路径(如 `~/images/cars.jpg`)引用,才能被浏览器正常访问;直接使用本地绝对路径(如 `c:\...`)或错误的虚拟路径将导致图片无法显示。

ASP.NET Core 默认仅从 wwwroot 文件夹提供静态文件服务,这是安全设计的一部分——应用不会暴露项目根目录下的任意文件。因此,将图片(如 cars.jpg)直接拖入 Visual Studio 项目的 wwwroot 目录(推荐子文件夹 wwwroot/images/)是正确做法。

✅ 正确操作步骤:

Tome
Tome

先进的AI智能PPT制作工具

下载
  1. 在解决方案资源管理器中,右键点击 wwwroot → 选择“添加” → “新建文件夹”,命名为 images;
  2. 将 cars.jpg 拖入该 images 文件夹;
  3. 在视图(如 .cshtml)中使用 Tag Helper 或标准 HTML 引用:
@@##@@

⚠️ 注意事项:

  • ~ 符号由 ASP.NET Core 的 Tag Helper 自动解析为应用根路径(即 /),等价于 汽车图片
  • 确保已启用静态文件中间件(默认模板已包含):Program.cs 中应有 app.UseStaticFiles();;
  • 文件名区分大小写(尤其在 Linux 部署时),建议统一小写命名(如 cars.jpg);
  • 若使用 Razor Pages 或 Area,~/ 始终指向应用根,无需额外调整路径。

? 小技巧:可配合 css/site.css" /> 的写法类比理解——所有静态资源均遵循 wwwroot 为根的发布约定。部署到 IIS 或 Azure App Service 时,该规则同样生效,确保开发与生产环境行为一致。

如何在 ASP.NET Core MVC 项目中正确添加并显示本地图片

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
什么是中间件
什么是中间件

中间件是一种软件组件,充当不兼容组件之间的桥梁,提供额外服务,例如集成异构系统、提供常用服务、提高应用程序性能,以及简化应用程序开发。想了解更多中间件的相关内容,可以阅读本专题下面的文章。

183

2024.05.11

Golang 中间件开发与微服务架构
Golang 中间件开发与微服务架构

本专题系统讲解 Golang 在微服务架构中的中间件开发,包括日志处理、限流与熔断、认证与授权、服务监控、API 网关设计等常见中间件功能的实现。通过实战项目,帮助开发者理解如何使用 Go 编写高效、可扩展的中间件组件,并在微服务环境中进行灵活部署与管理。

226

2025.12.18

cdn加速软件有哪些
cdn加速软件有哪些

CDN加速软件可以帮助网站提高内容访问速度和用户体验,降低服务器负载。在选择CDN加速软件时,需要根据实际需求和预算进行权衡,选择合适的软件和服务商。cdn加速软件有AWS CloudFront、Azure Content Delivery Network、Google Cloud CDN、Fastly、Cloudflare和Incapsula。

332

2023.10.19

磁盘配额是什么
磁盘配额是什么

磁盘配额是计算机中指定磁盘的储存限制,就是管理员可以为用户所能使用的磁盘空间进行配额限制,每一用户只能使用最大配额范围内的磁盘空间。php中文网为大家提供各种磁盘配额相关的内容,教程,供大家免费下载安装。

1564

2023.06.21

如何安装LINUX
如何安装LINUX

本站专题提供如何安装LINUX的相关教程文章,还有相关的下载、课程,大家可以免费体验。

716

2023.06.29

linux find
linux find

find是linux命令,它将档案系统内符合 expression 的档案列出来。可以指要档案的名称、类别、时间、大小、权限等不同资讯的组合,只有完全相符的才会被列出来。find根据下列规则判断 path 和 expression,在命令列上第一个 - ( ) , ! 之前的部分为 path,之后的是 expression。还有指DOS 命令 find,Excel 函数 find等。本站专题提供linux find相关教程文章,还有相关

300

2023.06.30

linux修改文件名
linux修改文件名

本专题为大家提供linux修改文件名相关的文章,这些文章可以帮助用户快速轻松地完成文件名的修改工作,大家可以免费体验。

800

2023.07.05

linux系统安装教程
linux系统安装教程

linux系统是一种可以免费使用,自由传播,多用户、多任务、多线程、多CPU的操作系统。本专题提供linux系统安装教程相关的文章,大家可以免费体验。

588

2023.07.06

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

CSS教程
CSS教程

共754课时 | 42.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号