MAUI Blazor 静态图片使用问询：存放目录与img标签路径配置

静态图片存放目录选择 #

两种存放路径对应不同使用场景：

• 仅在Blazor组件内使用的前端静态图片，优先存放在项目根目录的wwwroot目录下，可自行在wwwroot中新建images等子目录分类管理文件
• 需要同时在MAUI原生逻辑、Blazor组件中共用的图片，存放在Resources/Images目录下，需确保该目录下图片的生成操作属性设置为MauiImage

img标签src路径填写规则 #

对应两种存放路径，写法有区别：

1. 图片存放在wwwroot目录下
   直接填写相对于wwwroot的路径即可，无需添加wwwroot前缀。例如图片实际路径为wwwroot/images/logo.png，写法如下：

<img src="images/logo.png" alt="站点logo">

2. 图片存放在Resources/Images目录下
   需要添加res://协议前缀，直接填写图片文件名即可，MAUI会自动完成多平台资源映射。例如图片实际路径为Resources/Images/avatar.png，写法如下：

<img src="res://avatar.png" alt="用户头像">

常见问题排查：

• 确认wwwroot下的图片生成操作属性为内容，复制到输出目录设置为如果较新则复制
• 路径和文件名大小写敏感，部署到Android、iOS平台时需保证路径大小写和实际文件完全一致
• 出现异常可先清理项目，删除bin、obj文件夹后重新生成测试

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