頁面加載后加載圖像

Question

我有一個使用signalR的頁面。 服務器調用客戶端功能並將圖像路徑傳遞給它。 即“ Contents / myimage.png”。 在客戶端函數內部，我使用jquery加載這些圖像。 我沒有在chrome中出現任何錯誤，並且圖像沒有默認值，因此沒有在其中加載圖片，但是圖像也不在那里。 該函數被調用。 我想念什么？

client.onStart = function(myPortrait){
   $("#myPortrait").load(myPortrait);
}


<img id="myPortrait" width="256" height="256" />

Answer 1

$.load將html替換為url中的內容，例如對於返回<div>replacement</div>的函數，您將執行以下操作：

$("#mydiv").load(url);

你會得到

<div id='mydiv'><div>replacement</div></div>

在這種情況下，由於數據將url返回到圖像，因此您要設置圖像的src ，而不是替換html，因此請更改為：

client.onStart = function(myPortrait) {
    $("#myPortrait").prop("src", myPortrait);
}

---

如果您通過ajax調用（而不是SignalR調用）進行此操作：

$.ajax({
    url: url,
}).done(function(data) {
    $("#myPortait").prop("src", data);
});

Answer 2

改為使用：

$("#myPortrait").load(myPortrait);

您可以使用：

$("#myPortrait").attr('src', myPortrait);