我正在使用创建新图像
img = new Image();
img.src = image_url;
然后我将 img.src 分配给 DOM 中 img 标签的 src
$("#my_img").attr("src", img.src);
我怎么知道 img.src 已 100% 加载？最佳做法是什么？
img.complete在我看来，某些浏览器中的小错误。
所以，换句话说，我只需要在 100% 加载后分配img.src给。$("#my_img")img
谢谢！
new Image()，如何知道图片是否100%加载？
IT技术
javascript
jquery
2021-03-19 21:11:02
2个回答
使用load事件：
img = new Image();
img.onload = function(){
// image has been loaded
};
img.src = image_url;
也看看：
使用Promise模式：
function getImage(url){
return new Promise(function(resolve, reject){
var img = new Image()
img.onload = function(){
resolve(url)
}
img.onerror = function(){
reject(url)
}
img.src = url
})
}
当调用函数时，我们可以非常巧妙地处理它的响应或错误。
getImage('imgUrl').then(function(successUrl){
//do stufff
}).catch(function(errorUrl){
//do stuff
})
其它你可能感兴趣的问题