Jquery छवि और ऊंचाई प्रदर्शन

Question

<input type="file" class="test" name="vend_logo" id="vend_logo"> 

$('.test').bind('change', function() { 
var file = files[0] 
var img = new Image(); 
var width = img.width;alert(width); 
}); 

मैं छवि चौड़ाई और ऊंचाई को अपलोड करना चाहता था। मैं यह कैसे कर सकता हूँ ? मैंने clientwidth और naturalwidth का उपयोग किया है लेकिन यह सही मूल्य प्रदर्शित नहीं कर रहा है।

Answer 1

आप इस

$('.test').bind('change', function() { 
 
    if (file = this.files[0]) { 
 
    img = new Image(); 
 
    img.onload = function() { 
 
     var width = this.width; 
 
     alert(width); 
 
    }; 
 
    img.src = window.URL.createObjectURL(file); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="file" class="test" name="vend_logo" id="vend_logo">

संदर्भ की तरह कुछ कर सकते हैं: Check image width and height before upload with Javascript