文件批量上传 使用axios实现

  

   

    

     

    
    

     

      addDialogCB (data) {
     
    
   

    

     

    
    

     
        // 如有数据 判定点确认
     
    
   

    

     

    
    

     
        if (data) {
     
    
   

    

     

    
    

     
          this.showType = 'table'
     
    
   

    

     

    
    

     
          var formData = new FormData()
     
    
   

    

     

    
    

     

                formData.append('fileType', 0)
     
    
   

    

     

    
    

     

                formData.append('remark', data.remark)
     
    
   

    

     

    
    

     
          for (let i = 0; i < data.files.length; i++) {
     
    
   

    

     

    
    

     

                  formData.append('multipartFiles', data.files[i])
     
    
   

    

     

    
    

     

                }
     
    
   

    

     

    
    

     
          uploadManyOfficeDoc(formData).then(res => {
     
    
   

    

     

    
    

     
            if (res.data.code === 0) {
     
    
   

    

     

    
    

     
              this.tableId = res.data.data
     
    
   

    

     

    
    

     
              this.getOfficeDocByPage()
     
    
   

    

     

    
    

     

                  } else {
     
    
   

    

     

    
    

     
              this.$message({
     
    
   

    

     

    
    

     
                type: 'error',
     
    
   

    

     

    
    

     
                message: res.data.msg
     
    
   

    

     

    
    

     

                    })
     
    
   

    

     

    
    

     

                  }
     
    
   

    

     

    
    

     

                })
     
    
   

    

     

    
    

     

              }
     
    
   

    

     

    
    

     
        this.dialogAddVisitVisible = false
     
    
   

    

     

    
    

     

            }
     
    
  
 

<input type="file" style="display: none;" multiple id="uploader" @change="fileChange($event)"/>
 

山重水复疑无路,柳暗花明又一村

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/80991062