base64 img encoded
here. Yüksekliğini ve genişliğini nasıl alabilirim?JS - resim genişlik ve yükseklikten base64 koduna bakın
cevap
var i = new Image();
i.onload = function(){
alert(i.width+", "+i.height);
};
i.src = imageData;
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
çok teşekkür ederim:
function getImageDimensions(file) { return new Promise (function (resolved, rejected) { var i = new Image() i.onload = function(){ resolved({w: i.width, h: i.height}) }; i.src = file }) }
o zaman senkron kodlama tarzı veri almak için bekliyor verisimi kullanabilirsiniz bana küçük bir örnek plazayı mı gösteriyorsun? – bombastic
, fiddle – Desu
ile düzenlenmiştir, teşekkürler, şimdi açık: D – bombastic
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/
senkron kullanımı sadece bu gibi bir söz haline kaydırmak için: can,
var dimensions = await getImageDimensions(file)
- 1. Resim, genişlik neden doldurmuyor
- 2. GWT Base64, resim istemci tarafında
- 3. Drupal 7 Resim alan yoluna bakın
- 4. JS/jQuery Resim Düzenleyicisi
- 5. Base64 resim yükleme VS Binary image upload?
- 6. base64 dizesini açısal js biçiminde pdf'ye dönüştürün
- 7. JS dataTables.fixedHeader başlık ve veriler arasındaki farklı genişlik
- 8. +1 koduna '001' ve MySql'deki '009' koduna nasıl eklenir?
- 9. Base64 URI desteği için daha iyi bir test (JS'de büyük bir base64 kodlu bir resim oluşturabilir miyim?)
- 10. d3.js için eklenen resim tuvali
- 11. Ajax JS/PHP Resim Yükleyici çalışmıyor
- 12. PDF'ye resim için tıklayınız Düğüm JS
- 13. Internet Explorer ve Base64 görüntü ekranı
- 14. Delphi 7'de bir metin/resim yazısı piksel cinsinden genişlik
- 15. Çevrilen resim - sadece tarayıcıda
- 16. Base64 görüntüleri gmail'e
- 17. base64 gmail içinde çözülmemesi
- 18. dış genişlik ve genişlik, firefox'taki yanlış değeri döndürür.
- 19. CSS port deliğinden bakın
- 20. DOMPDF'de özelleştirilmiş genişlik ve yükseklik
- 21. GetSupportedPreviewSize döner genişlik ve yükseklik
- 22. Javascript: Blob nesnesi base64
- 23. Node.JS - Base64 kullanarak görüntüleri Base64 kullanarak kodlama
- 24. Resim içeren bir ajax satır içi fancybox için yanlış genişlik ve yükseklik
- 25. JS SVG getCTM ve setCTM?
- 26. Widget ve python koduna metin ekleme
- 27. Bir liste kılavuzuna bakın
- 28. Kilitlenme sonrasında stacktrace'e bakın
- 29. dll yorumlarına bakın C#
- 30. büyük genişlik küçük resmi
sadece harika, boyutu kontrol etmek için yarım zaman alır, çok teşekkür ederim! – bombastic
çok kötü bir zaman uyumsuz bir süreçtir. –
@CoenDamen yep. Eşzamanlı sürece ihtiyacım var. –