为什么我的 .cshtml 页面找不到具有本地路径的图像？
Why does my .cshtml page not find images with local paths?
我有两个变量用作不同图片的路径。一个路径在本地，另一个在 Internet 上。
无论我对本地路径做什么，本地图像都不起作用。
- 我试过将图像放在与 .cshtml 相同的文件夹中
页。
- 我试过反转文件路径中的斜杠。
- 我试过使用缩写路径。
- 我试过通过
@Url.Content("~/Images/Image1.png").
- 我试过把图片文件放在 wwwroot 里。
当我使用本地主机在 wwwroot 中加载 index.html 时它不起作用，但是当我使用 index.html 路径加载 index.html 时它确实有效
简而言之：为什么路径变量 'firstImgSource' 有效而不是 'secondImgSource'。
第一个有效，因为它的图片来自网络 URL。你的路径肯定有一些问题。
尝试使用相对路径。
例如：src="~/images/BabyMother.png"
img 元素的 src 属性接受 URL，而不是文件路径。 URL 可以是绝对的或相对的。如果图像是 Razor Pages 应用程序的一部分，则图像应放置在 Web 内容根目录中，即 wwwroot 文件夹。您的相对路径不应包含“wwwroot”。因此，如果您将图像放在 wwwroot 中名为 images 的文件夹中，则相对路径为 /images/my-image.png
我有两个变量用作不同图片的路径。一个路径在本地，另一个在 Internet 上。
无论我对本地路径做什么，本地图像都不起作用。
- 我试过将图像放在与 .cshtml 相同的文件夹中 页。
- 我试过反转文件路径中的斜杠。
- 我试过使用缩写路径。
- 我试过通过 @Url.Content("~/Images/Image1.png").
- 我试过把图片文件放在 wwwroot 里。
当我使用本地主机在 wwwroot 中加载 index.html 时它不起作用，但是当我使用 index.html 路径加载 index.html 时它确实有效
简而言之：为什么路径变量 'firstImgSource' 有效而不是 'secondImgSource'。
第一个有效，因为它的图片来自网络 URL。你的路径肯定有一些问题。
尝试使用相对路径。
例如：src="~/images/BabyMother.png"
img 元素的 src 属性接受 URL，而不是文件路径。 URL 可以是绝对的或相对的。如果图像是 Razor Pages 应用程序的一部分，则图像应放置在 Web 内容根目录中，即 wwwroot 文件夹。您的相对路径不应包含“wwwroot”。因此，如果您将图像放在 wwwroot 中名为 images 的文件夹中，则相对路径为 /images/my-image.png