Question

给出下面的图片网址 http://www.bikewalls.com/pictures/abc.jpg（不加载）

我需要一个javascript / jquery函数/代码来警告说上面的url是否有效。这些url将作为参数传递。以上面的例子为例非常有帮助。

Answer 1

您可以像这样使用onload和onerror回调：

var img = new Image();
var url = "http://www.vbarter.com/images/content/3/2/32799.JPG";
img.onload = function(){
    alert("the image exists");
    // display image or whatever you need
};
img.onerror = function(){
    alert("error while loading..");  
    // handle the error
}

img.src = url;

FIDDLE ：http://jsfiddle.net/473GV/

Answer 2

使用jQuery快速简单：

$("<img/>")
    .load(function() {
        console.log("image loaded correctly");
    })
    .error(function() {
        alert("error loading image");
    })
    .attr("src", $(originalImage).attr("src"));

显然你必须根据你的具体情况进行调整，但你明白了。您可以阅读有关jQuery的$.error() here。

的更多信息

javascript / jquery检查图像是否存在？

2 个答案: