为什么我的.cs.html页面找不到具有本地路径的图像



我有两个变量,用作不同图片的路径。一条路径是本地路径,另一条路径在互联网上。

无论我对本地路径做什么,本地映像都不起作用。

  • 我试着把图像放在与.cs.html相同的文件夹中第页
  • 我已经尝试过反转文件路径中的斜杠
  • 我试过使用缩写路径
  • 我试着把它通读一遍@Url.Content("~/Images/Image1.png"(
  • 我已尝试将图像文件放入wwwroot中

当我用localhost加载wwwroot中的index.html时,它不起作用,但当我用index.html路径加载index.html时它起作用

简而言之:为什么路径变量"firstImgSource"有效而不是"secondImgSource"。

代码示例

img元素的src属性接受URL,而不是文件路径。URL可以是绝对的,也可以是相对的。如果图像是Razor Pages应用程序的一部分,则图像应放置在web内容根目录中,即wwwroot文件夹中。您的相对路径不应包括";wwwroot";。因此,如果将图像放置在wwwroot中名为images的文件夹中,则相对路径为/images/my-image.png

第一个工作,因为它的图像来自Web URL。你的道路肯定有一些问题。尝试使用相对路径。例如:src="~/images/BabyMother.png"

最新更新