加载页面后加载图像

loading images after page has been loaded

本文关键字：加载 图像      更新时间：2023-09-26

我有一个使用signalR的页面。服务器调用客户机函数并将图像路径传递给它。即"内容/myimage.png"。在客户机函数中，我使用jquery加载这些图像。我没有得到任何错误在chrome和图像没有默认没有加载图片在他们，但图像也不在那里。函数正在被调用。我错过了什么?

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

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

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

改为:

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

你可以使用:

$("#myPortrait").attr('src', myPortrait);
相关文章：