Question

考虑将以下图像附加到文档中：

<img id="someimage" src="http://www.someimage.jpg">

如果在调用这些函数时已经加载了图像，则以下任何一种都不起作用：

document.getElementById('someimage').onload = function ()
{
  console.log('image just loaded');
};

，也不

$("#someimage").load(function ()
{
  console.log('image just loaded');
});

有办法吗？即一个不会等待图像加载但会检查图像是否已经加载的功能？

由于

Answer 1

检查DOM节点的complete属性：

document.getElementById('someimage').complete;

顺便说一句，这就是你应该如何处理它：

$("#someimage").one('load', function ()
{
  console.log('image just loaded');
}).each(function(){
    if(this.complete) $(this).trigger('load');
});

Answer 2

你可以使用src属性。

var image = document.getElementById('someimage');
if(image != null){
    if(image.src  == "http://www.someimage.jpg"){
       console.log("your image is loaded");
   }
}

我可以使用Javascript或jQuery检查之前是否已加载图像吗？

2 个答案: