我想使用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);
}
});