ASP.NET Core访问文件系统图片：‘Not allowed to load local resource’报错求解

嘿，这个问题我太熟了——很多刚接触ASP.NET Core静态资源的开发者都会踩这个坑！咱们先搞清楚问题根源，再一步步解决：

问题本质 #

浏览器出于安全限制，绝对不允许直接加载本地文件系统的资源（比如C:\YourProject\wwwroot\images\alunos\photo.jpg这种本地绝对路径）。你看到的错误，就是因为视图里输出的是本地文件路径，而不是通过ASP.NET Core的静态文件服务提供的Web可访问URL。

具体解决方案 #

1. 确保静态文件服务已启用 #

ASP.NET Core不会自动提供wwwroot下的静态资源，必须在Program.cs里启用静态文件中间件：

var builder = WebApplication.CreateBuilder(args);

// 其他服务注册...

var app = builder.Build();

// 必须添加这一行，放在路由中间件之前
app.UseStaticFiles();

app.UseRouting();
// 其他中间件...

app.Run();

2. 构造正确的Web可访问路径 #

不要直接使用本地路径，要构造基于网站根目录的相对URL。视图里可以用两种方式：

• 方式一：用Url.Content解析根路径（兼容老版本写法）

<img src="@Url.Content($"~/images/alunos/{Model.Image_Name}")" alt="学生图片" />

• 方式二：直接使用~符号（ASP.NET Core视图会自动解析）

<img src="~/images/alunos/@Model.Image_Name" alt="学生图片" />

这里的~会被解析为你的网站根目录（比如http://yourdomain.com/），最终生成的URL是http://yourdomain.com/images/alunos/xxx.jpg，这才是浏览器能正常加载的合法路径。

3. 检查文件与目录权限 #

确保wwwroot/images/alunos目录和里面的图片文件，给ASP.NET Core的运行账户（比如IIS应用池账户、开发环境下的当前用户）读取权限。如果权限不足，静态文件服务也没法读取文件返回给浏览器。

4. 修正图片路径的存储逻辑 #

如果你的Image_Name字段存的是本地绝对路径（比如C:\...\photo.jpg），那得改一下：上传文件时，只存储文件名或者相对路径（比如photo.jpg），而不是完整的本地路径。这样后续构造URL时才不会出错。

总结 #

核心就是一句话：别让浏览器直接访问本地文件，要通过ASP.NET Core的静态文件服务来提供资源，用网站根目录的相对路径替代本地绝对路径。按上面的步骤改完，应该就能正常加载图片了！

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