如何解决如何正确地将wwwroot中的图像提供给“页面”子文件夹中的剃须刀页面?
我有一个JavaScript函数,可以创建褪色的幻灯片。它使用目录中的图像:
“ wwwroot / images / backgrounds”
如果我加载的页面直接位于 Pages 文件夹中,则图像会正确加载。但是,如果我加载子文件夹中的页面,浏览器将尝试从该文件夹内部而不是从根文件夹获取图像。
所以不是
“ localhost / images / backgrounds / bg1.jpg”
我明白了
““页面”文件夹/images/backgrounds/bg1.jpg中的本地主机/子文件夹”
我对此还是很陌生,所以我不确定为什么wwwroot文件夹不能正确提供图像,但是我将默认页面设置为同一子文件夹中的一个,并且效果很好,所以我茫然不知所措。
此时,任何想法或解决方案将不胜感激。
解决方法
您正在从相对路径加载图像-即,该路径恰好位于当前目录下。您希望它基于绝对路径-也就是说,无论页面位于何处,都位于同一目录之外。为此,请在路径的开头使用斜杠:/wwwroot/images/backgrounds
这实际上是设计使然-假设您的Web应用程序中有子目录需要它们自己的图像。然后,您可以加载相对于用户所在的每个页面的图像,例如images/pageBackground.png
-非常方便!只需记住前导斜线-这意味着从此路径开始
应用程序的虚拟根目录而不是当前子目录-您将获得正确的文件!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。