我想使用jQuery在页面上异步加载外部图像, 并且尝试了以下方法:
$.ajax({ url: "http://somedomain.com/image.jpg", timeout:5000, success: function() { }, error: function(r,x) { } });
但是它总是返回错误,是否有可能像这样加载图像?
我尝试使用.loadmethod,但是它有效,但是我不知道如果图像不可用,如何设置超时时间(404)。我怎样才能做到这一点?
.load
无需ajax。您可以创建一个新的图像元素,设置其source属性,并在完成加载后将其放置在文档中的某个位置:
var img = $("<img />").attr('src', 'http://somedomain.com/image.jpg') .on('load', function() { if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) { alert('broken image!'); } else { $("#something").append(img); } });