从外部源在Maui Blazor桌面应用程序中显示图像

Question

这个问题与其他问题相似，但似乎有很大不同。

在我创建Maui Blazor桌面应用程序并正在使用中，以下标签：<img src="https://...jpg" />但是，当我打开应用程序时，它不会显示。如果我在Github中放置相同的图像并使用https://raw.githubusercontent.com/...jpgURL，它就会正确显示。在本地计算机上使用IIS服务器(https://localhost/...jpg或127.0.0.1/...jpg)可以在浏览器中工作，但不会在Maui Blazor中渲染。最初认为这是一个CORS或HTTP/HTTPS问题，但这对我来说没有意义，因为Github链接可以工作。

Answer 1

所需的src属性指定图像的URL。

有两种方法可以在src属性中指定URL：

1. 绝对URL：指向另一个网站上托管的外部图像的链接。示例：src="https://raw.githubusercontent.com/...jpg"。

2. 相对URL：指向网站中托管的图像的链接。这里，URL不包括域名。如果URL开头没有斜线，则它将相对于当前页面。示例：src="img_photo.jpg"。如果URL以斜杠开头，则它将是相对于域的。示例：src="/images/img_photo.jpg"。