通过file上传文件,怎么传给后台数据

html:

  <form role="activeForm" id="activeForm" enctype="multipart/form-data">
           <!--input中的隐藏域是要传给后台的值,name相对应传给后台参数的参数名-->
              <input type="hidden" name="loginId" id="loginIdA"/>
              <input type="hidden" name="token" id="tokenA"/>
              <input type="hidden" name="flowId" id="flowVlaue"/>
              <input type="file" id="activeFile" name="file" multiple class="form-control"
                     accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel">
   </form>

js中通过ajax传给后台参数:

      /*获取隐藏域中的val值*/
          $('#loginIdA').val(localStorage.loginId);
          $('#tokenA').val(localStorage.token);
          $("#flowVlaue").val($(".selectModal").val());
          var formData = new FormData($( "#activeForm" )[0]);
         $.ajax({
              type: "post",
              url: global_path + "/iben/taskCreateForFile",
              //传入组装的参数
              data:formData,
              dataType: "json",
              async: false,
              cache: false,   //上传文件不需要缓存
              contentType: false,  //需设置为false。因为是FormData对象,且已经声明了属性enctype="multipart/form-data"
              processData: false,  //需设置为false。因为data值是FormData对象,不需要对数据做处理
              success: function (res) {
                  if(res.code === 200){
                     //成功执行的代码
                  }else{
                     //失败
                  }
              },
              error:function(){
                  
              }
          });

这样就可以给后台传过去了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,626评论 1 45
  • 本博客转自:「作者:若愚链接:https://zhuanlan.zhihu.com/p/22361337来源:知乎...
    韩宝亿阅读 2,790评论 0 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,135评论 1 32
  • 五十三:请解释 JavaScript 中 this 是如何工作的。1.方法调用模式当一个函数被保存为一个对象的属性...
    Arno_z阅读 595评论 0 2
  • 我记得去年元旦写的年终总结是跟那首宋诗有关:“满川风雨看潮生。”后来真去看了海,金灿灿的阳光打在恬静的海面上,凛冽...
    July鲸鱼阅读 363评论 0 0