点击按钮直接上传文件并提交 html + js

<form style="display:none" action="" method="post" enctype="multipart/form-data">
　　<input type="file" name="file" value="">
</form>
<a href="javascript:;" class="import">上传文件</a>

<!--  记得载入jquery文件 -->

<script>
$('.import').click(function(){
　　$(this).prev('form').find('[name="file"]').trigger('click');
});

// 当表单文件有变化时执行提交动作

$('[name="file"]').change(function(){
　　if($(this).val()){
　　　　$('.import').addClass('disabled' );
　　　　$(this).parent().submit();
　　}
});
</script>

 

将表单设置成不显示状态，点击导入文件即执行上传文件并提交操作