無法通過 jquery / javascript 設置圖像 src

Question

我有一個需要通過 jquery 或 javascript 動態設置的圖像

<img id="myImage" src="" />

我的視圖名為“UserProfile”我的控制器名稱是“User”生成的 URL 是： https://localhost/Carpool.Web/User/UserProfile

我的圖片位於 wwwroot/images 文件夾下

現在，當我使用以下任何一項時，我得到 404 並且不顯示圖像：

$("#myImage").attr({ "src": "/wwwroot/images/info.png" }); //console => <img id="myImage" src="https://localhost/Carpool.Web/User/UserProfile/wwwroot/images/info.png">
$("#myImage").attr({ "src": "~/images/info.png" });//console => <img id="myImage" src="~/images/info.png">
$("#myImage").attr({ "src": "/images/info.png" });//console => <img id="myImage" src="https://localhost/Carpool.Web/User/UserProfile/images/info.png">
$("#myImage").attr({ "src": "images/info.png" }); //console => <img id="myImage" src="https://localhost/images/info.png">
document.getElementById("myImage").src // tried all as above 

如果我的視圖是“索引”，那么我沒有這個問題，也可以毫無問題地顯示站點徽標 這與我升級到 asp.net core 3.1 相關嗎？

Answer 1

我需要看看你的樹結構來糾正它。

放 '。' 或“..”在路徑前面

例如

"src": "./wwwroot/images/info.png" // 僅當圖像文件夾與您的頁面具有相同的父文件夾時

"src": ../wwwroot/images/info.png"