首页 > Web开发 > 详细

jquery文件表单上传

时间:2020-05-09 22:03:21      阅读:69      评论:0      收藏:0      [点我收藏+]

1. 引入jquery文件  <script src="js/jquery-2.1.1.min.js"></script>

 

2. 创建form表单,如下:

<form enctype="multipart/form-data" id="form">
  <p><label>name:</label><input type="text" /></p>
  <p><label>文件:</label><input type="file" /></p>
</form>

 

3.js提交部分:

<script type="text/javascript">
  $(document).ready(function () {
    var fd = new FormData(document.getElementById("form"));
    $.ajax({
      url:"my_url",
      type:"post", 
      data:fd,
      contentType:false, // 不允许修改请求头内容
      processData:false,
      async:false,
      success:function(result){
        console.log(result);
      },
      //请求失败,包含具体的错误信息
      error : function(e){
        console.log(e.status);
        console.log(e.responseText);
      }
    });
  });
</script>

jquery文件表单上传

原文:https://www.cnblogs.com/M87-A/p/12860153.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!