업로드하기 전에 사진 높이와 너비

Question

사용자가 업로드 한 이미지를 검증하려고합니다. 따라서 사용자가 이미지를 추가 한 후 서버에 이미지를 업로드하기 전에 아래의 JavaScript 코드로 이미지 크기를 확인하려고 시도했지만 작동하지 않습니다.

function check_image_dimensions(){
var t=document.getElementById("main_file_1");
e=t.clientWidth;

n="";
o="We could not upload your image because \n \n";
if (e<300) {
(n+="The height of the image must be greater than 300px \n";
}
if(i<300){
n+="The height of the image must be greater than 300px \n";
}

나는 또한 시도했다 :

e=t.width;
i=t.height;

그러나 여전히 작동하지 않습니다. 내가 뭘 잘못하고 있죠?

고맙습니다!

Answer 1

같은 것 :

1) 이미지를 숨겨진 곳에 넣으십시오 <img/> 요소

이 예를 참조하십시오 : MDN- 웹 응용 프로그램의 파일 사용

2) 크기 (제한 상자)를 확인하십시오. <img/> 요소

if(img.getBoundingClientRect().width<300) ...

3) 사용자에게 경고 (또는 아님)

다음은 작업 버전입니다. jsfiddle.

브라우저 호환성 : Firefox 3.6+, Chrome 7+, IE 10+, Opera 12+