[英]How do I create a hyperlink on a Razor page to an image stored in wwwroot?
[英]How do I properly serve images from the wwwroot to razor pages in a “Page” subfolder?
我有一個創建漸變幻燈片的 JavaScript 函數。 它使用目錄中的圖像:
“wwwroot/圖像/背景”
如果我加載一個直接位於Pages文件夾內的頁面,圖像會正確加載。 但是,如果我加載位於子文件夾內的頁面,瀏覽器會嘗試從該文件夾內而不是從根文件夾中獲取圖像。
所以代替
“本地主機/圖像/背景/bg1.jpg”
我得到
“'Pages'文件夾/images/backgrounds/bg1.jpg中的本地主機/子文件夾”
我還是個新手,所以我不確定為什么 wwwroot 文件夾不能正確提供圖像,但是我將默認頁面設置為同一個子文件夾中的一個並且它運行良好,所以我不知所措出了什么問題。
在這一點上,任何想法或解決方案將不勝感激。
您正在從相對路徑加載圖像 - 即當前目錄下的路徑。 您希望它基於絕對路徑——也就是說,無論頁面在哪里,都在同一個目錄之外。 為此,請在路徑開頭使用斜杠: /wwwroot/images/backgrounds
這實際上是設計使然 - 假設您的 Web 應用程序中有需要自己圖像的子目錄。 然后,您可以加載與用戶所在的每個頁面相關的圖像,例如images/pageBackground.png
- 非常方便! 請記住前導斜杠 - 這意味着從應用程序的虛擬根目錄而不是當前子目錄開始此路徑- 您將獲得正確的文件!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.