Script lấy chiều cao và chiều rộng của hình ảnh
Updated on May 31, 2021
Đoạn mã sau sẽ giúp bạn có được chiều rộng/chiều cao của ảnh:
var img = new Image();
img.addEventListener("load", function(){
alert( this.naturalWidth +' '+ this.naturalHeight );;
});
img.src = '..path/image-thichnet.jpg';
Hoặc bạn có thể dùng script phía dưới, phương án này nhanh hơn đáng kể (không cần đợi hình ảnh tải hoàn toàn).
The following code will get you the width/height without waiting for the image to load completely, making it significantly faster than the other solutions here.
Xem JSFiddle Demo.
<div id="info"></div>
<img id="image" src="https://upload.wikimedia.org/wikipedia/commons/d/da/Island_Archway,_Great_Ocean_Rd,_Victoria,_Australia_-_Nov_08.jpg?abc123">
<script>
getImageSize($('#image'), function(width, height) {
$('#info').text(width + ',' + height);
});
function getImageSize(img, callback) {
var $img = $(img);
var wait = setInterval(function() {
var w = $img[0].naturalWidth,
h = $img[0].naturalHeight;
if (w && h) {
clearInterval(wait);
callback.apply(this, [w, h]);
}
}, 30);
}
</script>
1 comments for Script lấy chiều cao và chiều rộng của hình ảnh
Cảm ơn bạn