设置img src属性时宽度和高度不变

Question

使用Javascript更改src ...首次正确设置width和height属性。他们第二次不改变。为什么呢？

所以我的页面上有这个空白图片...... <img id="imgCropImage" />

所以我的想法是，每次用户上传图片时，上传者的UploadComplete回调会将此图片的src设置为刚刚上传的图片，以便可以裁剪。 然后我使用此图片的高度和宽度属性来创建爆炸裁剪预览。

第一次效果很好。浏览器或DOM或某些东西自动设置img的高度和宽度属性，我在加载图像后通过DOM访问这些属性。它很漂亮。

如果用户上传了错误的图片，我想允许他们上传不同的图片。但是，这次，通过javascript访问的img的width和height属性与之前的图像保持一致。新图像在其自身的宽度和高度上正确显示，只是标签的属性不会随着新的src而改变。

有谁知道为什么会这样？或者甚至更好，我如何在加载新的src时确定性地获得img的高度和宽度？

我＆lt; 3 stackoverflow，我＆lt; 3你。

Answer 1

如何“删除”高度和宽度属性。

$('#imgCropImage').removeAttr('height');
$('#imgCropImage').removeAttr('width');

应该“重置”它。 （如果你使用的是JQuery）。

Answer 2

您是否尝试使用新的src替换上一张图片？

   var newImg = document.createElement('IMG');
   newImg.src = newSrc;
   oldImg.parentNode.replaceChild(newImg, oldImg);