如何在 Blazor 视图中显示图像

Question

我正在尝试在 Blazor 视图中显示图像，但它不起作用并且只显示一个图像图标：

<img src="~/Images/watch.jpg" asp-append-version="true" width="300px" />

这里我的图像驻留在这条路径中 wwwroot/Images/watch.jpg

Answer 1

您可能遇到了这个错误：https : //github.com/aspnet/Blazor/issues/1216并且需要删除 ~ 以使其工作，或者等待 0.6 版本。

还是得把猪尾巴去掉才能发挥作用。 (3认同)
这对我有用，但在我看来，这个解决方案强调的非常有趣和酷。基本上，它突出了 blazor 开发的整体目的，感觉更像 C# 而不是 Web，使您能够通过简单的文件夹目录导航来引用项目中的项目，而无需考虑用户的浏览器需要如何访问资源。很酷。#nativeDev (2认同)

Answer 2

尝试这个：

 <img src="/Images/watch.jpg" asp-append-version="true" width="300px" />

Answer 3

在wwwroot下创建一个文件夹 images然后像src="images/MyLogo.png"一样访问它

Answer 4

试试这个 <img src="Images/watch.jpg" width="300px" /> 只需删除 ~/ 就可以了。