base64 छवि चौड़ाई और ऊंचाई

Question

base64 छवि चौड़ाई और ऊंचाई को खोजने के लिए कैसे पता कैसे

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

छवि संपत्ति चौड़ाई और ऊंचाई निरंतर रूप में मैं उन्हें अंगूठे के नाखून के रूप में दिखाने की जरूरत है, लेकिन जहां मूल रूप छवि गुण अलग हैं।

मुझे मूल छवि ऊंचाई और चौड़ाई प्राप्त करने की आवश्यकता है।

मान लीजिए मेरा मूल छवि ऊंचाई और चौड़ाई हैं 750 एक्स 500

मैं इस तरह की कोशिश की लेकिन संपत्ति चौड़ाई और ऊंचाई रही

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

मूल्य है।

कृपया छवि की मूल चौड़ाई और ऊंचाई प्राप्त करने में सहायता करें।

Answer 1

आप एक और छवि तत्व का निर्माण और इसका आकार प्राप्त कर सकते हैं:

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

Answer 2

Image() constructor for HTMLImageElements dystroy के जवाब में बताया गया जाने के लिए सही तरीका है, लेकिन वहाँ एक चेतावनी है: निर्माता वास्तव में अतुल्यकालिक है! नतीजतन, आप कुछ ब्राउज़रों में अप्रत्याशित व्यवहार का अनुभव कर सकते हैं; मेरे सीमित प्रयोगों से, डाइस्ट्रॉय का कोड क्रोम में 100% समय काम करेगा, लेकिन कभी-कभी फ़ायरफ़ॉक्स और सफारी में भी। दूसरों के बारे में नहीं जानते।

यह करने के लिए सही तरीके से के रूप में, with an onload handler हो रहा है:

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. 
}