<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>
将表单设置成不显示状态,点击导入文件即执行上传文件并提交操作