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

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

所以我的页面上有一张空白图片<编码>然后我使用此图像的高度和宽度属性来创建放大的作物预览

第一次就很好用。浏览器或DOM或其他自动设置img的高度和宽度属性，在图像加载后，我通过DOM访问这些属性。很漂亮

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

有人知道为什么会这样吗？或者更好的是，如何在加载新src时确定img的高度和宽度

“删除”高度和宽度属性怎么样

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

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

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

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

---

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

是否尝试用新的src替换以前的图像

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

---

您是否尝试用新的src替换以前的图像

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

---

我相信这会起作用，但我尽量避免使用javascript添加/删除元素，因为它感觉很凌乱。我肯定这会起作用，但我尽量避免使用javascript添加/删除元素，因为它感觉很凌乱。还要注意，如果设置了css高度和宽度样式，DOM将返回这些值。还要注意，如果设置了css高度和宽度样式，DOM将返回这些值。