파일 입력의 클라이언트 측 검사에 올바른 이미지 파일 형식이 있음

Question

javascript를 사용하여 올바른 파일 형식과 이미지 크기를 검사하는 방법이 있는지 궁금합니다.

는 내가 가입 양식을 가지고 있고 응용 프로그램 사용하기 전에 이미지를 업로드 할 필수입니다 :

<form action='signUp.php' method POST> 
    choose your image: <input type='file'></input> 
</form> 

Answer 1

그냥 자바 스크립트로 파일 크기를 확인 할 수 없습니다,하지만 당신은 할 수 있어야 단순히 입력 필드의 값을 잡고 마지막 부분을 잡아서 선택한 파일의 파일 형식을 확인하십시오. 그래서 마찬가지로, 당신은 당신의 HTML에서이 태그를 가지고 말 : 당신의 자바 스크립트에서

<input type="file" id="afile" /> 

는이 같은 기능을 가지고 있고, 양식이 제출 될 때 참조 수 :

function check_filetype(){ 
    var filename = document.getElementById('afile').value; 
    return filename.substr(filename.lastIndexOf('.')); 
}