jQuery 實現異步文件上傳

<form enctype="multipart/form-data" id="upForm">
    <img src="templates/images/icon_view.gif" width="26" height="22" border="0" alt="ADD" />
    <lable>選擇文件</lable>
    <input type="file" name="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
    <input type="button" id="submit" value="提交" class="button" />
</form>

<script type="text/javascript">
   $(document).ready(function(){
       $('#submit').click(function(event){
          var formData = new FormData($('#upForm'));
          formData.append('file', $(':file')[0].files[0]);

          $.ajax({
             url: '#',
             type: 'post',
             data: formData,
             cache: false,
             contentType: false,
             processData: false,
             success: function(data){

             },error: function(data){

              }
          });
       })
   })
</script>