jQuery 实现异步文件上传

最新推荐文章于 2022-12-23 09:02:10 发布

转载最新推荐文章于 2022-12-23 09:02:10 发布 · 140 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1468096/blog/1574141

文章标签：

#javascript #python #ViewUI

本文介绍了一个用于上传Excel或Office文件的HTML表单，并使用了jQuery进行Ajax无刷新提交。该表单允许用户选择文件并提交，通过FormData API实现文件的POST请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<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>

转载于:https://my.oschina.net/u/1468096/blog/1574141