zoukankan      html  css  js  c++  java
  • element-ui upload 多文件单接口上传(二)

    最近在使用element-ui upload 上传多个文件的时候发现element-ui的批量上传是每个文件都请求一次接口,但是我们项目的需求是多个文件只请求一次接口,经历一番久战后,得出以下总结。

    当点击”确定“(如图所示)时,需要进行手动调接口,进行以下操作:

     1 submitUpload(formName) {
     2     if(this.fileLength && this.fileLength > 0){
     3          var formData = new FormData();  //  用FormData存放上传文件                        
     4          formData.append('positionId',this.form.positionId);
     5          formData.append('positionIds',this.form.positionIds);
     6          formData.append('fileType',this.form.fileType);
     7          formData.append('source',this.form.source);   //以上这几行为除上传文件之外需要附带的参数
     8          if( this.fileList.length > 0) {          //this.fileList为文件集合
     9                 this.fileList.forEach(file => {
    10                       formData.append('file', file.raw);
    11                 })
    12           }
    13           this.$axios.post(this.uploadUrl1,formData)
    14           .then(res => {                   
    15                  this.$message.success(res.data.message);
    16           }).catch(err => {
    17                  console.error(err)
    18           })
    19      }else{
    20           this.$message.success('请上传文件');
    21      }
    22 }
  • 相关阅读:
    Python流程控制语句
    关于OSPF、NAT的原理
    Win10删除右键多余选项菜单
    PHP学习 Day_05
    配置yum
    kubernetes 网络组件简介
    kubelet命令行工具使用详解记录
    kubelet资料网址
    kubelet 介绍
    python 的发展介绍
  • 原文地址:https://www.cnblogs.com/dreamstartplace/p/12982900.html
Copyright © 2011-2022 走看看