Thay đổi nguồn của thẻ hình ảnh (img) không thay đổi kích thước trên IE

Question

Tôi có phần tử img trong DOM của mình. Dựa trên hành động của người dùng, tôi tính một URL cho một hình ảnh và thay đổi thuộc tính src của phần tử hình ảnh (bằng cách sử dụng jQuery). Hình ảnh mới có kích thước khác với hình ảnh cũ. Điều này làm việc tốt trên Safari, nhưng IE không thay đổi kích thước màn hình hiển thị cho kích thước của hình ảnh mới. Tôi có một trình xử lý .load về sự thay đổi src (trong đó tôi thực hiện một số thay đổi đối với lớp của phần tử img) ... nếu tôi biết cách truy cập kích thước thực của hình ảnh, tôi có thể thiết lập các thuộc tính chiều cao và chiều rộng của các phần tử img. Có phải những giá trị đó có thể tiếp cận được ở đâu đó không? Nếu không, có cách nào khác để hiển thị hình ảnh ở kích thước mới của nó không?

Answer 1

tôi sẽ điều tra các giải pháp khác, nhưng bạn thực sự có thể truy cập thông tin trực tiếp

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

Answer 2

tôi đã cùng một vấn đề, nhưng điều này đã chăm sóc nó.

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

Answer 3

Tôi đang làm việc trong Chrome chứ không phải IE, nhưng tôi gặp vấn đề tương tự và nghĩ rằng tôi sẽ chia sẻ cho bất kỳ ai khác gặp phải vấn đề này. Tôi giải quyết điều này bằng cách loại bỏ các "phong cách" thuộc tính từ hình ảnh trước khi thay đổi nguồn, tức là .:

myImg.removeAttribute ('phong cách') setAttribute ('src', newSrc).