页面加载后加载图像

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);