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

Question

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

Так что я получил это пустое изображение на моей странице ... <img id="imgCropImage" />

Таким образом, идея в том, что каждый раз, когда пользователь загружает изображение, UploadComplete обратного вызова загрузившего будет установлен SRC Этого изображения к изображению, которое имеет просто загружен, чтобы его можно было обрезать. Я использовал этот рисунок высота и ширина Свойства чтобы создать взорванный просмотр урожая.

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

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

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

I < 3 stackoverflow and I < 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);