簡體   English   中英

如何正確地將來自 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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM