반응형
자바 스크립트 : 이미지 크기 가져 오기
이미지에 대한 URL 만 있습니다. JavaScript 만 사용하여이 이미지의 높이와 너비를 결정해야합니다. 이미지는 페이지에서 사용자가 볼 수 없습니다. 치수를 어떻게 얻을 수 있습니까?
var img = new Image();
img.onload = function(){
var height = img.height;
var width = img.width;
// code here to use the dimensions
}
img.src = url;
새로 만들기 Image
var img = new Image();
설정 src
img.src = your_src
가져 오기 width및height
//img.width
//img.height
이것은 함수를 사용하고 완료 될 때까지 기다립니다.
http://jsfiddle.net/SN2t6/118/
function getMeta(url){
var r = $.Deferred();
$('<img/>').attr('src', url).load(function(){
var s = {w:this.width, h:this.height};
r.resolve(s)
});
return r;
}
getMeta("http://www.google.hr/images/srpr/logo3w.png").done(function(test){
alert(test.w + ' ' + test.h);
});
JQuery를 사용하여 유사한 질문을하고 답변했습니다.
function getMeta(url){
$("<img/>").attr("src", url).load(function(){
s = {w:this.width, h:this.height};
alert(s.w+' '+s.h);
});
}
getMeta("http://page.com/img.jpg");
다음 코드 는 페이지의 각 이미지에 이미지 속성 높이 와 너비 를 추가 합니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function addImgAttributes()
{
for( i=0; i < document.images.length; i++)
{
width = document.images[i].width;
height = document.images[i].height;
window.document.images[i].setAttribute("width",width);
window.document.images[i].setAttribute("height",height);
}
}
</script>
</head>
<body onload="addImgAttributes();">
<img src="2_01.jpg"/>
<img src="2_01.jpg"/>
</body>
</html>
참고 URL : https://stackoverflow.com/questions/5633264/javascript-get-image-dimensions
반응형
'Program Tip' 카테고리의 다른 글
| Xcode : 코드가 구문 색상을 잃습니다. (0) | 2020.10.06 |
|---|---|
| UISegmentedControl에서 문자열 값 가져 오기 (0) | 2020.10.06 |
| 오류 : 레지스트리 키 'Software \ JavaSoft \ Java Runtime Environment'\ CurrentVersion '? (0) | 2020.10.06 |
| ggplot2의 두 열로 그룹화 (0) | 2020.10.06 |
| 무선을 통한 ADB (0) | 2020.10.06 |