加载页面后加载图像

Question

我有一个使用 signalR 的页面。服务器调用客户端函数并将图像路径传递给它。即'Contents/myimage.png'。在客户端函数中，我使用 jquery 来加载这些图像。我在 chrome 中没有收到任何错误，并且图像没有默认没有加载图片，但图像也不存在。该函数正在被调用。我错过了什么？

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


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

Answer 1

改为使用：

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

您可以使用：

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

Answer 2

$.load 将 html 替换为 url 中的内容，例如，对于 returns <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);
});

加载页面后加载图像

loading images after page has been loaded

html

javascript

jquery

signalr