dot.NET MAUI Blazor 圖片

Question

我正在使用 dot.NET MAUI Blazor 創建我的新應用程序。 我正在努力讓圖像工作。 我在谷歌上找不到任何東西。 我不確定我是否應該使用<img ImageSource="">或<img src="">沒有任何效果？ 我是否需要添加任何類型的權限或者我應該使用什么來制作要顯示的圖像，我試過：

ImageSource="Images/snack.png"

ImageSource="snack.png"

src="images/snack.png"

src="snack.png"

我確實已經包含在 my.csprog 文件中，也嘗試過但沒有任何效果

引用圖像的打印屏幕

Answer 1

正如 Gerald 所建議的，您可以在wwwroot下創建一個images文件夾，如下所示：

然后通過src屬性使用它，如下所示：

<img  src="images/Logo.png"  width="300px" height="300px" />

Answer 2

我的 blazor 頁面位於與 MAUI 項目不同的項目中，所以我必須這樣做

<img src="_content/DAB.Pages/images/avatar_upload.png" class="avatar ">

Answer 3

就我而言，此配置以某種方式添加到我的 csproj 文件中。

<ItemGroup>
  <Content Remove="wwwroot\image\Logo.png" />
</ItemGroup>

該屬性表示刪除指定的文件。
我刪除了它，然后 img 標簽按我的預期工作。
因此，請檢查您的 csproj 文件。