Ширина и высота не изменяются при установке свойства img src

Question

Использование Javascript для изменения src ... В первый раз свойства ширины и высоты устанавливаются правильно. Во второй раз они не меняются. Почему?

Итак, у меня есть пустое изображение на моей странице ... <img id="imgCropImage" />

Таким образом, идея заключается в том, что каждый раз, когда пользователь загружает изображение, обратный вызов UploadComplete загрузчика будет устанавливать src этого изображения на изображение, которое только что было загружено, чтобы его можно было обрезать. Затем я использую свойства height и width этого изображения для создания развернутого предварительного просмотра обрезки.

Отлично работает в первый раз. Браузер или DOM или что-то автоматически устанавливают атрибуты высоты и ширины img, к которым я обращаюсь через DOM после загрузки изображения. Это прекрасно.

Если пользователь загрузил не то изображение, я хочу разрешить ему загрузить другое. Однако на этот раз атрибуты ширины и высоты img, доступные через javascript, остаются такими же, как и на предыдущем изображении. Новое изображение отображается правильно в своей собственной ширине и высоте, просто свойства тега не изменяются вместе с новым источником.

Кто-нибудь знает, почему это происходит? Или даже лучше, как я мог определенно получить высоту и ширину IMG при загрузке нового SRC?

Я <3 стека и я <3 вас. </p>

Answer 1

Вы пытались заменить предыдущее изображение новым, новым src?

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

Answer 2

Как насчет "удаления" атрибутов высоты и ширины.

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

Это должно "сбросить" это. (Если вы используете JQuery).