Làm thế nào để tìm ra chiều rộng hình ảnh base64 và chiều cao

Question

Làm thế nào để tìm ra chiều rộng hình ảnh base64 và chiều cao

<img id="thumb0" width="200" height="200" 
src="data:image/png;base64, ................"> 

rộng sở hữu hình ảnh và chiều cao không đổi như tôi cần phải chứng minh họ như móng ngón tay cái, nhưng mà như bản gốc các thuộc tính hình ảnh khác nhau.

Tôi cần có chiều cao và chiều rộng hình ảnh ban đầu.

Giả sử chiều cao hình ảnh ban đầu của tôi và chiều rộng là 750 X 500

tôi đã cố gắng như thế này nhưng nhận được chiều rộng và chiều cao hữu

$("#thumb0").width(); 

giá trị là .

Vui lòng giúp cách lấy chiều rộng và chiều cao gốc của hình ảnh.

Answer 1

Bạn có thể xây dựng một yếu tố hình ảnh và nhận được kích thước của nó:

var img = new Image(); 
img.src = $('#thumb0').attr('src'); 
var originalWidth = img.width; 

Answer 2

Các Image() constructor for HTMLImageElements đề cập trong câu trả lời dystroy là đúng cách để đi, nhưng có một caveat: Các nhà xây dựng là thực sự không đồng bộ! Do đó, bạn có thể gặp phải hành vi không mong muốn trong một số trình duyệt nhất định; từ các thử nghiệm giới hạn của tôi, mã của dystroy sẽ hoạt động 100% thời gian trong Chrome, nhưng đôi khi chỉ trong Firefox và Safari. Không biết về người khác.

Cách đúng để làm điều đó có vẻ là with an onload handler, như trong:

var img = new Image(); 
img.src = some_base64_image_source; 
console.log(img.width);  // This might print out 0! 
img.onload = function() { 
    console.log(img.width); // This will print out the width. 
}