为什么在.on（）工作时调用.error（）？ （IE11）

Question

$(function() {  /*jquery .ready()*/
  var thumb_img = new Image();
  thumb_img.id = 'cid_' + 1730;
  thumb_img.src = ""; 

  $(thumb_img).on('load', function() {
    console.log("Image loaded " + thumb_img.src);
  }).error(function(){
    console.log("ERROR loading image " + thumb_img.src);
  });

  thumb_img.src = 'https://fiddle.jshell.net/img/logo.png';
});

结果在控制台中：

Image loaded https://fiddle.jshell.net/img/logo.png
ERROR loading image https://fiddle.jshell.net/img/logo.png

如果图像无法加载，我只希望调用.error（）。 这似乎仅在IE（使用11）中发生。

使用jQuery 2.0.2

Answer 1

错误与此行有关：

thumb_img.src = ""; 

从您的代码中删除上一行。 对于IE11，似乎更改了source属性，因此出现了错误。

 var thumb_img = new Image(); thumb_img.id = 'cid_' + 1730; //thumb_img.src = ""; $(thumb_img).on('load', function() { console.log("Image loaded " + thumb_img.src); }).on('error', function(e){ alert("ERROR loading image " + thumb_img.src); }); thumb_img.src ='https://fiddle.jshell.net/img/logo.png'; document.body.appendChild(thumb_img); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 

Answer 2

尝试改用load()方法。 这样，您可以在回调中查找错误。 只要更改图片的src属性，就应该触发此操作。 从技术上来讲，您马上就在执行操作，因此会出现错误。

$('img').load(function(response, status, xhr){
    console.log('loaded');
    console.log({response,status, xhr});
    if (status === "error") {
        console.log('error here');
    }
});

$('img').attr('src', 'someimageurl');