elementui中同时上传多个文件_element ui 上传文件,批量一次上传多个文件,为什么是发送了多次请求,我想一次请求,然后发送多个文件怎么实现呢?...
想要的效果是 用户一次选择的文件一个接口上传完毕,但是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 上传文件,批量一次上传多个文件,为什么是发送了多次请求,我想一次请求,然后发送多个文件怎么实现呢?...相关推荐
- php 发送会议邮件,php – 为什么Outlook想删除以编程方式发送的当前会议邀请?...
我通过 PHP将会议邀请邮件发送到Outlook.以下代码,我正在使用 BEGIN:VCALENDAR VERSION:2.0 CALSCALE:GREGORIAN METHOD:REQUEST BE ...
- 阿里云视频点播-URL批量拉取上传(调整为多个视频上传)
阿里云视频点播之URL批量拉取上传(调整为多个视频上传) 项目引入阿里云视频点播PHP-SDK URL批量拉取上传(调整为多个视频上传) 项目引入阿里云视频点播PHP-SDK 背景:2021年乐视云的 ...
- element-ui手风琴自定义html,element-ui中el-table expand 手风琴效果,展开里面的内容或者ta...
element-ui中el-table expand 手风琴效果,展开里面的内容或者ta element-ui中el-table expand 手风琴效果,展开里面的内容或者table,展开下一个,上 ...
- Android中使用retrofit2进行网络get请求查询数据和post请求上传文件
场景 Retrofit2 Retrofit 是对 OkHttp 的封装,是主流的网络框架. 适用于Android 和 Java 的类型安全的HTTP客户端,由Square提供的. Retrofit是一 ...
- ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收
场景 需要将Excel中的数据导入到数据库中,就会用到文件上传的功能. 这里使用ElementUI的el-upload控件实现文件上传. 注: 博客: https://blog.csdn.net/ba ...
- elementUi中的el-upload上传文件后换封面功能及预览大图结合el-image开发
一.el-upload上传后换封面 原始效果如下: (上传图片时正常显示图片封面,但是上传其他格式文件时,没有封面,只有一个小的缩略默认图片) 预期效果如下: (上传图片->显示图片.上传pdf ...
- elementui中同时上传多个文件_2019-12-19 element-ui文件上传 一次请求上传多个文件...
最近在做项目的时候有一个需求,需要导入word文档,并且需要支持多选.element-ui 的 upload 组件支持多选文件,只需要配置参数 multiple 为 true 即可.但是这个组件默认会 ...
- springMVC获取异步请求的参数,返回异步请求数据(json),跨域访问简单了解,文件上传,与Restful风格
springMVC获取异步请求的参数 JQuery发送异步请求回顾 <a href="javascript:void(0);" id="testAjax" ...
- 爬虫实战学习笔记_6 网络请求request模块:基本请求方式+设置请求头+获取cookies+模拟登陆+会话请求+验证请求+上传文件+超时异常
1 requests requests是Python中实现HTTP请求的一种方式,requests是第三方模块,该模块在实现HTTP请求时要比urlib.urllib3模块简化很多,操作更加人性化. ...
最新文章
- centos7 禁止ip访问_centos7 防火墙操作 屏蔽ip
- c#值类型和引用类型
- [转]在Fedora上安装Oracle 11g XE
- ubuntu下的各种环境变量
- python读取文件中的内容_python 读取文件夹中的文件内容
- 计数原理,递推,求从左边能看到l个棒子,右边能看到r个棒子的方案数目
- 【读书笔记】segment routing mpls数据平面-2
- 解码器常见故障及解决方法
- 【虚拟校园】虚拟学生入学清华,中国传媒大学打造元宇宙大学
- android课设会议室预约系统,教室及会议室预约系统(C#小程序,课堂作业)
- 计算机网络编程基础知识总结思维导图
- mysql结果作为另一次查询_MySql中一次查询结果用作二次查询条件
- 8大基本数据类型各占多少字节和一些单位常识
- 什么是MySQL数据库及MySQL的优势
- Don't let me think 笔记
- 版本号(version number)
- 单片机智能小区安防系统
- 效果最好的助眠好物,帮助睡眠的好方法
- 《GHOSTXP-SP2电脑公司特别版8.0》完美增强版
- 风尚云网学js-关于js对象数组如何去重?
热门文章
- 我们研究了1.5万场活动,换个大城市生活可能对你有用
- android 获取cpu使用率_超详细的zabbix监控windows磁盘IO及cpu使用率教程
- vue 单独页面定时器 离开页面销毁定时器
- IntelliJ IDEA 2020 基础设置
- Linux Shell脚本_设置时区并同步时间
- 企业实战_21_MyCat_keepalived 安装配置验证
- linux 查看目录下文件个数
- SVG图片以 https 链接的方式展示在页面上,并且可继承父类的颜色大小(类似阿里巴巴iconfont)
- Excel 表单控件之 CheckBox 集合事件响应
- linux简介ubuntu,Linux文件系统简介(基于Ubuntu)