홈>
변경 이벤트를 사용하여 양식에서 이미지의 치수를 확인하려고합니다. 확장 및 크기를 성공적으로 확인할 수는 있지만 치수 유효성 검사는 중단되었습니다
<input type="file" name="files[]" onchange="validatePassport()" id="passportpic" required/>
자바 스크립트
function validatePassport() {
var formData = new FormData();
var file = document.getElementById("passportpic").files[0];
formData.append("Filedata", file);
var t = file.type.split('/').pop().toLowerCase();
if (t != "jpeg" && t != "jpg" && t != "png") {
alert('Please select a valid image file');
document.getElementById("passportpic").value = '';
return false;
}
if(file.height > 200 || file.width > 200) {
alert("Height and Width must not exceed 200px.");
document.getElementById("passportpic").value = '';
return false;
}
if (file.size > 209715) {
alert("Max Upload size is 200kb only");
document.getElementById("passportpic").value = '';
return false;
}
return true;
}
- 답변 # 1
관련 자료
- 자바 스크립트에서 캔버스와 이미지 요소를 결합 할 수 있습니까?
- html - 자바 스크립트를 사용하여 이미지를 텍스트로 변환하는 방법
- javascript : Matter.js -시체 크기를 설정하도록 이미지의 차원을 얻는 방법은 무엇입니까?
- ajax - HTML에 표시하기 위해 자바 스크립트 내의 Image Ranomizer API에로드
- html - iframe (자바 스크립트, 전단지)에있는 이미지의 하이퍼 링크
- 자바 스크립트의 조건에 따라 한 번에 하나의 이미지를 표시하려면 어떻게해야합니까?
- html - 자바 스크립트를 사용하여 배경 이미지로 캔버스 텍스트 그리기
- 다운로드 할 때 javascript Image ()에서 오류가 발생합니다 이유가 확실하지 않습니다
- 자바 스크립트 캔버스 이미지를 확대하는 방법
- html - html5 캔버스에 자바 스크립트 동기 이미지 로더를 사용할 때 404에 기본 이미지 사용
- html - 자바 스크립트 - 여러 파일 입력을 형성하는 이미지 크기
- jquery 또는 javascript 만 사용하여 이미지 변경
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- JavaScript 변수를 HTML div에 '출력'하는 방법
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- python - 화면에서 찾은 요소를 찾을 수없는 경우 셀레늄
파일 객체의 이미지 너비/높이는 얻을 수 없지만 이미지 객체에서만 얻을 수 있습니다.
그런 식으로 시도해 볼 수 있습니다 :