點擊按鈕直接上傳文件並提交 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>

 

將表單設置成不顯示狀態，點擊導入文件即執行上傳文件並提交操作