숨겨진 입력 필드를 사용하여 파일 업로드

Question

href 링크에서 파일 업로드 기능을 호출하려고하는데 탐색 상자가 표시 되더라도 선택한 파일에 대한 유효성 검사를 실행할 수 없습니다. 필드가 숨겨져, 위해 onblur 발생하지 않습니다,하지만 변화에도 숨겨진 항목에 일어날 수 있기 때문에

<a href="#" onclick="$('input[id=formmedia]').click();"><div class="sidebarSectionLink">Click here to add files</div></a> //Calls the browse box 

<input type="file" id="formmedia" style="display: none;"> //Hidden input 

//Post Photo Jquery 
$('#formmedia').blur(function() 
{ 
var pic=$("#formmedia").val(); 
if(pic.length < 1){ 
    $('.sidebarSectionLink').html("Please Add A Photo").removeClass("success").addClass("error"); 
    picok = 2; 
} 
else if(pic.indexOf('jpg') === -1 && pic.indexOf('jpeg') === -1 && pic.indexOf('png') === -1 && pic.indexOf('gif') === -1){ 
    $('.sidebarSectionLink').html("Invalid File Format").removeClass("success").addClass("error"); 
    picok = 2; 
} 
else { 
    picok = 1; 
} 
}); 

Answer 1

document.getElementById('formmedia').onchange = uploadOnChange; 

function uploadOnChange(){ 
    //Validation here 
} 

또는 jQuery를 버전

$('#formmedia').change(function(){ 
    //validation 
}); 

: 여기 내가 가지고있는 코드입니다.