在javascript中設置src img標簽

Question

將 img 標簽中的 src 從 js 設置為 asp.net 的正確方法是什么？ 因為我嘗試這種方式，它不顯示。 來自 sql server 的數據，我使用 jquery 和 ajax 來調用數據。 它已經出現在控制台中，但不知道為什么會這樣

在控制台中

<img class="img-fluid px-3 px-sm-4 mt-3 mb-4" id="img" style="width: 25rem;" alt="learning" src="~/images/Capture205450514.PNG">

.js

let q = data[questionIndex];
    if (q.img != null) {
        $("#img").attr("src", q.img);
    }
    else {
        img.style.display = "none";
    }

.cshtml

<img class="img-fluid px-3 px-sm-4 mt-3 mb-4" id="img" style="width: 25rem;" >

Answer 1

修改你的 src。 您沒有正確設置。 如果您正在使用 JavaScript，這是客戶端，應該以這種方式完成。

<img class="img-fluid px-3 px-sm-4 mt-3 mb-4" id="img" style="width: 25rem;" alt="learning" src="images/download.jpg">

你沒有提到你在本地主機上做什么，因為你可能需要絕對 URL

Answer 2

您所要做的就是修復相對 URL 。 在 URL 中使用~不會成為有效的 URL。

• 如果images目錄位於 Web 應用程序的根目錄，則使用"/images/Capture205450514.PNG"
• 如果images目錄與 HTML 頁面處於同一級別，則使用"./images/Capture205450514.PNG"或簡單的"images/Capture205450514.PNG"
• 如果images目錄比 HTML 頁面高一級，則使用"../images/Capture205450514.PNG"

點擊這里參考