使用jQuery异步加载图像

我想使用jQuery异步加载页面上的外部图像,我尝试了以下方法:

$.ajax({
url:“http://somedomain.com/image.jpg", 
超时:5000,
成功:函数(){
},
错误:函数(r,x){
}
});

但它总是返回错误,甚至可以像这样加载图像吗

我尝试使用.load方法,但我不知道如果图像不可用,如何设置超时(404)。我该怎么做

不需要ajax。可以创建新的图像元素,设置其源属性,并在加载完成后将其放置在文档中的某个位置:

var img=$(“<img/>”)attr('src','http://somedomain.com/image.jpg')
.on('load',function()){
如果(!this.complete | | typeof this.naturalWidth==“undefined”| | this.naturalWidth==0){
警报(“图像损坏!”);
}否则{
$(“#某物”)。附加(img);
}
});

发表评论