La modifica della sorgente di un tag immagine (img) non viene ridimensionata su IE

Question

Ho un elemento img nel mio DOM. Sulla base dell'azione dell'utente, computo un URL per un'immagine e cambio l'attributo src dell'elemento dell'immagine (usando jQuery). La nuova immagine ha una dimensione diversa dalla vecchia immagine. Questo funziona bene su Safari, ma IE non ridimensiona il display per le dimensioni della nuova immagine. Ho un gestore di .load sul cambiamento di src (nel quale apporto alcune modifiche alla classe dell'elemento img) ... se sapessi come accedere alle dimensioni reali dell'immagine, potrei impostare le proprietà di altezza e larghezza degli elementi img. Quei valori sono accessibili da qualche parte in qualche modo? In caso contrario, c'è un altro modo per avere l'immagine visualizzata nelle sue nuove dimensioni?

Answer 1

vorrei studiare altre soluzioni, ma si può infatti accedere a queste informazioni direttamente

var myImage = new Image(); 
myImage.src = $("image selector goes here").attr('src'); 
myImage.onload = function() { 
    alert(myImage.width + "," + myImage.height); 
} 

Answer 2

Ho avuto lo stesso problema, ma questo ha preso cura di esso.

$("#img").removeAttr("height").removeAttr("width").attr("src", newsrc); 

Answer 3

sto lavorando in Chrome, non IE, ma ho avuto lo stesso problema e ho pensato condividere per chiunque altro che si imbatte in questa domanda. Ho risolto questo rimuovendo l'attributo "stile" della immagine prima di cambiare la sorgente, cioè .:

myImg.removeAttribute ('stile') setAttribute ('src', newsrc).;