<img src> 标签帮助 - 学习 blazor答案

【问题标题】：<img src> tag help - learning blazor<img src> 标签帮助 - 学习 blazor
【发布时间】：2022-10-25 18:43:24
【问题描述】：

我正在学习 Blazor，目前我正在尝试将图像设置为背景。我想我会先尝试显示它，因为背景图像 css 不起作用。我附上了我的 index.razor 页面的图片，我使用的 img 标签如下：

&lt;img src="file:///C:/Development/CsharpApplications/Portal/AlbertBartlettPortal/AlbertBartlettPortal/Pages/hero-range-1.jpg" alt="Background Image" /&gt;

它允许我按 ctrl+单击文件路径并立即打开图像以便它可以看到图像，但是当网站运行时它根本不会显示。

帮助！

Page Image Here

【问题讨论】：

图像应放置在您的 wwwroot 文件夹中，并应使用相对于该文件夹的路径。
@BrianParker 我更改了图像的位置并更改了路径，但它仍然无法正常工作。我可以 ctrl+click 并且图像会出现但它不会出现在页面上
不要使用file://
把它放在 wwwroot\images 然后 src="images/aaa.jpg" 。没有前导 / 或 ~/
@HenkHolterman 就是这样，谢谢你！

标签： html asp.net web blazor

【解决方案1】：

我把它放在 wwwrootimages 中，然后使用src="images/aaa.jg"。没有前导 / 或 ~/

【讨论】：