반응형
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 자바스크립트
- 덩크로우
- dunklow
- Nike
- Dunk Low
- GIT
- JavaScript
- 리액트
- 주식공부
- sacai
- 코로나19
- 파이썬
- 드로우
- 제이쿼리
- 주식
- jQuery
- 오라클
- stockx.com
- 리눅스
- Linux
- oracle
- 덩크 하이
- Github
- Python
- 발매예정
- react
- 덩크 로우
- 나이키
- dunk high
- draw
Archives
- Today
- Total
Life goes slowly...
[Javascript] 자바스크립트(JS) Image 크기값 알아보기 본문
728x90
반응형
자바스크립트(Javascript)의 Image 사이즈 구하기
자바스크립트(Javascript)로 Image 사이즈를 확인하는 방법입니다. 제일 먼저 input 태그로 Image 파일을 첨부하고 Image 파일의 값의 사이즈를 알아보도록 하겠습니다.
// Image 업로드후 이미지 크기 확인하기
<input type="file" name="imgFile" id="imgFile" onchange="imgUpload(this.value)" >
<script>
function imgUpload(val)
{
//이미지 확인
alert(val);
let img = new Image();
img.src = val;
let width = img.width;
let height = img.height;
alert("width : " + width + " | height : " + height);
}
</script>
참고로 clientWidth와 clientHeigt는 border와 스크롤바의 크기는 제외되는 값으로 실제 보이는 대상이 차지하는 공간의 값을 확인하게 됩니다.
728x90
반응형
'프로그래밍 > Javascript' 카테고리의 다른 글
[Javascript] 자바스크립트(JS) 부모창 데이터 넘기기 - opener() (0) | 2021.04.06 |
---|---|
[Javascript] 자바스크립트(JS) Ctrl+C , Ctrl+V 키 막기 (0) | 2021.04.04 |
[Javascript] 자바스크립트(JS) 객체(Object)에 key,Value 추가하기 (0) | 2021.04.03 |
[Javascript] 자바스크립트(JS) 파일 확장자 체크하기 (0) | 2021.03.30 |
[jQuery] 제이쿼리(jquery)의 이벤트 취소함수 - stopPropagation() (0) | 2021.03.27 |
[jQuery] 제이쿼리(jquery)의 이벤트 위임 - preventDefault() (0) | 2021.03.26 |
[Javascript] 자바스크립트(JS)의 부모노드 접근 - parentNode (0) | 2021.03.25 |
[Javascript] 자바스크립트(JS)의 자식노드 접근 - childNodes (0) | 2021.03.24 |
Comments