layui 多文件上传,和from数据一起提交

1,092 阅读1分钟

  //存放file对象
   var attachmentArray = [];
    //上传附件
    var uploadInst = upload.render({
      elem: '#updataFile'
      ,auto: false
      ,accept: 'file'
      ,exts: 'docx|doc|pptx|ppt|pdf'
      ,multiple: true //多选
      // ,bindAction: '#submitUploadCon'
      ,choose: function(obj){
        UPLOAD_FILES =  this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
        obj.preview(function(index, file, result){
        attachmentArray.push(file);
        $('.courseFiles').append('<div id="container'+index+'">
        <span>'+file.name + '</span><a  class="layui-btn layui-btn-danger layui-btn-xs attachment-remove" data-index="' + (attachmentArray.length - 1) + '"  id="del_'+index+'">删除</a></div>')
        $("#del_" + index).bind('click', function () {
        // layer.confirm('确定删除图片吗?',function(){
          attachmentArray.splice($(this).data("index"),1)
          $("#container"+index).remove();
          console.log('attachmentArray',attachmentArray);
        // })
      });

  });
  
			//和from一起提交数据

               form.on('submit(submitcourse)', function(data){
                 var loading= layer.load();
                // dataMsg  = data.field , dataMsg.fileName = $('.files').html()
                  //只能上传1个文件
                  // var uploadData = new FormData($("#addcourseForm")[0])
                  // console.log('uploadData',uploadData)
                  var uploadData = new FormData();
                  //按ctrl或是shift连选
                  // var files = $(".layui-upload input[type='file']");
                  // for (var i = 0; i < files[0].files.length; i++) {
                  //   uploadData.append("file", files[0].files[i]);
                  // }
                  //单个选择
                  for (var i = 0; i < attachmentArray.length; i++) {
                    uploadData.append("file", attachmentArray[i]);
                  }
    
                uploadData.append('id', $("#courseID").val())
                uploadData.append('courseCode', courseCodes)
                uploadData.append('courseName', $("#courseName").val())
                uploadData.append('shareScope', $("#shareScope").val())
                uploadData.append('hours', $("#hours").val())
                uploadData.append('introduction', $("#introduction").val())
                uploadData.append('remarks', $("#remarks").val())
                $.ajax({
                  url :addressURL+'/cegtCourseMng/saveCourseMng',
                  type : 'POST',
                  data : uploadData,
                  processData: false,   // jQuery不要去处理发送的数据
                  contentType: false,   // jQuery不要去设置Content-Type请求头
                  success : function(data) {
                    //console.log("哈哈哈",data)
                    if(data.code== '005'){
                      layer.alert(data.msg)
                      layer.close(uploadingCon)
                      layer.close(loading)
                      location.reload();
                      $(".files").html('')
                      uploadInst.config.elem.next()[0].value = ''
                      $("input[name='file']").remove()
                      table.reload('courseTable', {
                        page: {
                          curr: 1 //重新从第 1 页开始
                        }
                      });
                    }else{
                      layer.close(loading)
                      layer.alert(data.msg)
                    }
                  }
                })
              })