Question

<img>标记是否具有"onsuccess"属性？与"onerror"一样。

我正在加载图片。我用JQuery绑定一个事件，它改变了图像onerror。如果"ONERROR Image loaded successfuly"成功加载，我想显示提醒onerror image。否则，它会显示警告"ONERROR image not found"。

修改 onload在加载图片后显示警告。但没有告诉我们"your real image is loaded"或"browser's default error image is loaded"。点击这里......

http://jsfiddle.net/extremerose71/cHuu6/6/

Answer 1

如果您写了类似的内容：

<img id="im3" src="http://ssl.gstatic.com/gb/images/j_f11bbae8.png" />

还写道：

$(window).load(function() {
   $("#im3").load( function (){
      alert('load');
   }).error( function (){
      alert('error');
   });
});

（如jsfiddle onLoad对应$(window).load），您将永远不会获得任何alert，因为$(window).load将在所有资源被调用后被调用已经装好了。

但是如果你要从src删除img：

<img id="im3"/>

然后添加此

$("#im3").attr('src','http://ssl.gstatic.com/gb/images/j_f11bbae8.png' );

在load和error听众之后

行，您会看到alert。

所以主要的问题是，在图片加载或加载失败后你正在添加监听器。

Answer 2

我认为你可以使用

function loadImage()
{
    alert("Image is loaded");
}
function errorImage()
{
    alert("Image not loaded");
}
<img src="someImg.png" onload="loadImage()" onerror="errorImage()" />

参考：onload和onerror。

成功的图像加载onload事件处理程序（loadImage函数）将触发并且如果未加载图像然后将触发onerror事件处理程序（errorImage函数）。

Answer 3

是的，你可以这样做，请阅读here。您可以使用：

的onload
的onerror
onabort

所有主要浏览器都支持所有这三个事件。

您也可以在MDN DOM event reference上找到这三个事件。

Answer 4

您可以使用onerror和onload事件处理程序

执行此操作

var im = document.getElementById('imageid');
im.onload = function() {
   //handler
};

im.onerror = function() {
   //handler
};

<img/>标记是否具有“onsuccess”属性？

4 个答案: