如何在 Internet Explorer 8 中使用 new Image()？

Question

我对 Internet Explorer 有一个不愉快的问题（当然）。问题是 此 不会刷新 Internet Explorer 8 中的图像而在其他浏览器中则表现完美。我相信问题出在这部分代码中，但我不知道它是什么。

var img = new Image();
$(img).load(function() {
    monitor.holder.empty()
    .append(this)
    .fadeIn('fast');
}).addClass('round').attr({'src': 'ylemiste/'+ json.filename, 'alt': json.filename, 'width': '640', 'height': '480'});

Answer 1

好吧，我想通了。问题在于 ajax 调用被缓存：

$.ajax({ url: "last.php", dataType: "json", cache: false}).success(function(json){
    ...
});

添加： cache: false 就可以了。

Answer 2

我遇到了这个确切的问题，经过几个小时使用不同的选项后，这是最终的解决方案：

原始代码结构：

注意：这适用于所有浏览器，不包括开发的浏览器由我们在 Microsoft 的朋友提供。

var img = new Image();
var url = 'http://i.imgur.com/DQP7F.jpg';

$( img )
  /*wait for image to load*/
  .load( function () {

    alert( 'All loaded' );

  })

  /*problem getting img?*/
  .error( function() {

    alert( 'Bad things' );   

  })

  /*set img src*/
  .attr( 'src' , url );

。

修复后：

var img = new Image();
var url = 'http://i.imgur.com/DQP7F.jpg';

$( img )
  /*wait for image to load*/
  .load( function () {

    alert( 'I fire after the image has fully loaded' )

  })

  /*problem getting img?*/
  .error( function() {

    alert( 'Bad things' );   

  })

  /*set img src*/
  .attr( 'src' , url );

  /*IE hack; really hate you right now IE*/
  if( $.browser.msie && parseInt( $.browser.version ) < 10 ){

    img.src = url;

  }

你可能会问“为什么parseInt( $.browser.version ) <10而不是9？”...好吧，我只是不相信即，期间。我宁愿只修复 IE9，也不愿处理任何与 IE 相关的问题。

我希望这对某人有帮助。