10/10/2018, 10:40
có cách nào lấy kích thước ảnh bằng javascript ?
không bít trong javascript có hỗ trợ chức năng lấy kích thuoc của ảnh không hay là nó hong hỗ trợ
Bài liên quan
document.getElementById('').clientHeight
<script>
var k=document.getElementById('a').clientWidth;
alert(k);
var k_1=document.getElementById('a').clientHeight;
alert(k_1);
</script>
function getImgSize(imgSrc)
{
var newImg = new Image();
newImg.src = imgSrc;
var height = newImg.height;
var width = newImg.width;
alert ('The image size is '+width+'*'+height);
}
</script>
<IMG id='demoImg' src="2010-08-11_001057.jpg">
<BUTTON onclick="getImgSize(document.getElementById('demoI mg').src);">Get Image Size</BUTTON></body>
function getImgSize(id){
var pic = document.getElementById(id);
var h = pic.offsetHeight;
var w = pic.offsetWidth;
alert ('The image size is '+w+'*'+h);
}
</script>
<img id='demoImg' src="http://www.goldenstudy.com/bbs/uploadimg//20060228144500426.jpg">
<input type="button" onclick="getImgSize('demoImg')" value="Get Image Size">
alert("'" + this.name + "' is " + this.width + " by " + this.height + " pixels in size.");
return true;
}
function loadFailure() {
alert("'" + this.name + "' failed to load.");
return true;
}
var myImage = new Image();
myImage.name = "someimg.jpg";
myImage.onload = getWidthAndHeight;
myImage.onerror = loadFailure;
myImage.src = "someimg.jpg";
<script>
var k=document.getElementById('a');
alert(k.width);
alert(k.height);
</script>
<script>
var k=document.getElementById('a');
alert(k.width);
alert(k.height);
</script>
function getImageSize(src){
var img= new Image();
img.src=src;
while (!img.complete){
img.src=src+ Math.random();
}
var height = img.height;
var width = img.width;
return width+" x "+height;
}
var l=getImageSize("http://vnexpress.net/Files/Subject/3B/A0/0F/E1/sun3.jpg");
alert(l);
</script>
@ichuot :
alert("'" + this.name + "' is " + this.width + " by " + this.height + " pixels in size.");
return true;
}
function loadFailure() {
alert("'" + this.name + "' failed to load.");
return true;
}
var myImage = new Image();
myImage.name = "someimg.jpg";
myImage.onload = getWidthAndHeight;
myImage.onerror = loadFailure;
myImage.src = "someimg.jpg";
<html> <body> <script> function getImageSize(src){ var img= new Image(); img.src=src; var status=img.complete if (!status){ return "failed" }else{ return img.width + " X " +img.height; } } var l=getImageSize("http://vnexpress.net/Files/Subject/3B/A0/0F/E1/sun3.jpg"); alert(l); </script> </body> </html>nhưng bác thử tắt hết firefox , sau đó mở lại firefox --> truy cập vào trang đó --> nó alert false
ie6 còn mệt hơn , trên trình duyet đó bác nhấn f5 thì cũng ra false
bác xem lại thử