更改图像（img）标记的源不会在IE上调整大小

Question

我的DOM中有一个img元素。根据用户操作，我计算图像的URL，并更改图像元素的src属性（使用jQuery）。新图像的尺寸与旧图像不同。这在Safari上工作正常，但IE不会为新图像的大小调整显示大小。我在src更改上有一个.load处理程序（我在其中对img元素的类进行了一些更改）...如果我知道如何访问图像的实际大小，我可以设置img元素的高度和宽度属性。这些值是否可以某种方式访问​​？如果没有，还有其他方法让图像以新的尺寸显示吗？

Answer 1

我在Chrome中工作，而不是IE，但我遇到了同样的问题，并认为我会分享给其他任何偶然发现这个问题的人。我通过在更改源之前从图像中删除“style”属性来解决这个问题，即：

  

    

myImg.removeAttribute（'style'）。setAttribute（'src'，newSrc）;

  

Answer 2

我遇到了同样的问题，但这照顾了它。

$("#img").removeAttr("height").removeAttr("width").attr("src", newsrc);

Answer 3

我会调查其他解决方案，但您确实可以直接访问该信息

var myImage = new Image();
myImage.src = $("image selector goes here").attr('src');
myImage.onload = function() {
  alert(myImage.width + "," + myImage.height);
}