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

Question

使用 Javascript 更改 src... 第一次正确设置宽度和高度属性。第二次他们没有改变。为什么？

所以我的页面上有这个空白图像...

因此，每次用户上传图像时，上传者的 UploadComplete 回调都会执行将此图像的src设置为刚刚上传的图像，以便可以对其进行裁剪。然后，我使用该图像的高度和宽度属性来创建放大的裁剪预览。

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

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

有谁知道为什么会发生这种情况？或者更好的是，我如何在加载新的 src 时确定性地获取 img 的高度和宽度？

我 <3 stackoverflow，我 <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);