想要的效果是 用户一次选择的文件一个接口上传完毕,但是element ui 里面是上传了多次一次一个文件的形式上传的

为4参数的接口调用了 多次执行的上传,我想上传一次 多个文件的 怎么实现呢?

因为element ui 里面的列表和我们的需求不一致 我重写了一个列表

class="upload-demo"

ref="upload"

drag

:data="Aobject"

:on-success="handleAvatarSuccess"

:auto-upload="false"

:before-remove="beforeRemove"

:show-file-list="false"

:on-change="handleChange"

:on-remove="handleRemove"

:action="actionUrl"

multiple

:on-exceed="onExceed"

:limit="limit"

>

将文件拖到此处,或点击上传
  • {{item.name}}

FileList 是用户每次选择文件的时候我push进去数据

handleChange(res, file){ //未上传,但是选择了文件触发

let Status=null;

this.TitleNameDisplay=true;

this.TitleName=res.name;

this.Arraya=file;

Status=this.wenjian(res.name);

if(res.status == "ready"){ //刚刚添加文件

this.FileList.push({

name:res.name.substring(0, res.name.lastIndexOf(".")),

status:Status,

wait:false,

Success:false

})

}

if(this.Name == null ||this.Name == undefined){

this.Name=this.FileList[0].name;

}

},

当用户提交的时候执行了

scuuse(){

this.Zhuan=true;

const _id=this.$route.query.id;

const _this=this;

for(var i=0;i

this.FileList[i].wait =true;

}

let promise = new Promise(function(resolve, reject) {

_this.actionUrl=`/chaoyang/api/dailyInfo/createDailyInfo/${_id}`;

_this.Aobject.name=_this.Name;//提交文件时候一并传递过 输入的标题文字

resolve();

});

promise.then(function() {

_this.$refs.upload.submit();

});

}

请问用element ui 怎么实现 一个接口上传多个文件呢?

elementui中同时上传多个文件_element ui 上传文件,批量一次上传多个文件,为什么是发送了多次请求,我想一次请求,然后发送多个文件怎么实现呢?...相关推荐

  1. php 发送会议邮件,php – 为什么Outlook想删除以编程方式发送的当前会议邀请?...

    我通过 PHP将会议邀请邮件发送到Outlook.以下代码,我正在使用 BEGIN:VCALENDAR VERSION:2.0 CALSCALE:GREGORIAN METHOD:REQUEST BE ...

  2. 阿里云视频点播-URL批量拉取上传(调整为多个视频上传)

    阿里云视频点播之URL批量拉取上传(调整为多个视频上传) 项目引入阿里云视频点播PHP-SDK URL批量拉取上传(调整为多个视频上传) 项目引入阿里云视频点播PHP-SDK 背景:2021年乐视云的 ...

  3. element-ui手风琴自定义html,element-ui中el-table expand 手风琴效果,展开里面的内容或者ta...

    element-ui中el-table expand 手风琴效果,展开里面的内容或者ta element-ui中el-table expand 手风琴效果,展开里面的内容或者table,展开下一个,上 ...

  4. Android中使用retrofit2进行网络get请求查询数据和post请求上传文件

    场景 Retrofit2 Retrofit 是对 OkHttp 的封装,是主流的网络框架. 适用于Android 和 Java 的类型安全的HTTP客户端,由Square提供的. Retrofit是一 ...

  5. ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收

    场景 需要将Excel中的数据导入到数据库中,就会用到文件上传的功能. 这里使用ElementUI的el-upload控件实现文件上传. 注: 博客: https://blog.csdn.net/ba ...

  6. elementUi中的el-upload上传文件后换封面功能及预览大图结合el-image开发

    一.el-upload上传后换封面 原始效果如下: (上传图片时正常显示图片封面,但是上传其他格式文件时,没有封面,只有一个小的缩略默认图片) 预期效果如下: (上传图片->显示图片.上传pdf ...

  7. elementui中同时上传多个文件_2019-12-19 element-ui文件上传 一次请求上传多个文件...

    最近在做项目的时候有一个需求,需要导入word文档,并且需要支持多选.element-ui 的 upload 组件支持多选文件,只需要配置参数 multiple 为 true 即可.但是这个组件默认会 ...

  8. springMVC获取异步请求的参数,返回异步请求数据(json),跨域访问简单了解,文件上传,与Restful风格

    springMVC获取异步请求的参数 JQuery发送异步请求回顾 <a href="javascript:void(0);" id="testAjax" ...

  9. 爬虫实战学习笔记_6 网络请求request模块:基本请求方式+设置请求头+获取cookies+模拟登陆+会话请求+验证请求+上传文件+超时异常

    1 requests requests是Python中实现HTTP请求的一种方式,requests是第三方模块,该模块在实现HTTP请求时要比urlib.urllib3模块简化很多,操作更加人性化. ...

最新文章

  1. centos7 禁止ip访问_centos7 防火墙操作 屏蔽ip
  2. c#值类型和引用类型
  3. [转]在Fedora上安装Oracle 11g XE
  4. ubuntu下的各种环境变量
  5. python读取文件中的内容_python 读取文件夹中的文件内容
  6. 计数原理,递推,求从左边能看到l个棒子,右边能看到r个棒子的方案数目
  7. 【读书笔记】segment routing mpls数据平面-2
  8. 解码器常见故障及解决方法
  9. 【虚拟校园】虚拟学生入学清华,中国传媒大学打造元宇宙大学
  10. android课设会议室预约系统,教室及会议室预约系统(C#小程序,课堂作业)
  11. 计算机网络编程基础知识总结思维导图
  12. mysql结果作为另一次查询_MySql中一次查询结果用作二次查询条件
  13. 8大基本数据类型各占多少字节和一些单位常识
  14. 什么是MySQL数据库及MySQL的优势
  15. Don't let me think 笔记
  16. 版本号(version number)
  17. 单片机智能小区安防系统
  18. 效果最好的助眠好物,帮助睡眠的好方法
  19. 《GHOSTXP-SP2电脑公司特别版8.0》完美增强版
  20. 风尚云网学js-关于js对象数组如何去重?

热门文章

  1. 我们研究了1.5万场活动,换个大城市生活可能对你有用
  2. android 获取cpu使用率_超详细的zabbix监控windows磁盘IO及cpu使用率教程
  3. vue 单独页面定时器 离开页面销毁定时器
  4. IntelliJ IDEA 2020 基础设置
  5. Linux Shell脚本_设置时区并同步时间
  6. 企业实战_21_MyCat_keepalived 安装配置验证
  7. linux 查看目录下文件个数
  8. SVG图片以 https 链接的方式展示在页面上,并且可继承父类的颜色大小(类似阿里巴巴iconfont)
  9. Excel 表单控件之 CheckBox 集合事件响应
  10. linux简介ubuntu,Linux文件系统简介(基于Ubuntu)