JS - resim genişlik ve yükseklikten base64 koduna bakın

Question

base64 img encodedhere. Yüksekliğini ve genişliğini nasıl alabilirim?

Answer 1

var i = new Image(); 

i.onload = function(){ 
alert(i.width+", "+i.height); 
}; 

i.src = imageData; 

Answer 2

Bu resmi içeren bir gizli <img> oluşturun ve ardından jquery .width() ve. Burada yükseklik()

$("body").append("<img id='hiddenImage' src='"+imageData+"' />"); 
var width = $('#hiddenImage').width(); 
var height = $('#hiddenImage').height(); 
$('#hiddenImage').remove(); 
alert("width:"+width+" height:"+height); 

Testi: FIDDLE

Görüntü başlangıçta gizli oluşturulmaz. o oluşturulur, sonra genişlik ve yükseklik alırsınız ve sonra kaldırın. Bu, büyük görüntülerde çok kısa bir görünüme neden olabilir. Bu durumda, görüntüyü başka bir kapsayıcıya sarmanız ve bu kapsayıcının görüntüyü gizlememesi gerekir.

---

gp en anser göre dom eklemez Başka Fiddle:. HERE

Answer 3

Ben .naturalWidth ve .naturalHeight kullanarak en iyi sonuçları olduğunu bulmuşlardır.

var img = new Image(); 

img.onload = function() { 
    var imgWidth = img.naturalWidth, 
     imgHeight = img.naturalHeight; 
}; 

Bu yalnızca modern tarayıcılarda desteklenir. http://www.jacklmoore.com/notes/naturalwidth-and-naturalheight-in-ie/

Answer 4

senkron kullanımı sadece bu gibi bir söz haline kaydırmak için: can,

var dimensions = await getImageDimensions(file)