使用隐藏的输入字段上传文件

Question

我试图从href链接调用上传文件功能，即使正在显示浏览框，我也无法对所选文件运行验证。下面是我的代码：

<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 
}); 

由于现场是隐藏的，的onblur将不火，但变化可能发生甚至隐藏项。