el-upload添加FormData参数,自定义上传接口

添加 :http-request="selfUpload"

<el-upload:disabled="saveLoading"class="upload-demo":limit="1":on-exceed="handleExceed":before-upload="beforeAvatarUpload":file-list="fileList":auto-upload="true":http-request="selfUpload"accept=".xls,.xlsx"><el-button size="small" type="primary">上传excel</el-button>
</el-upload>

编写自定义上传方法handleExceed(),在方法里面调用uploadFile()发送上传请求:

selfUpload(params) {const formData = new FormData(); formData.append('file', params.file); // 上传文件formData.append('wechat', 86654698); // 上传参数formData.append('headers', getStore('Access-Token')) // 上传其他参数this.uploadFile(formData) // 发送请求},
uploadFile(params) {this.saveLoading = truepost('/upload/file',params).then(res=>{if(res.data.code===200){this.$message.success(res.data.msg)}else {this.$message.error(res.data.msg)}this.saveLoading = falsethis.fileList = [] // 清空上传列表}).catch((err) => {this.saveLoading = falseconsole.log(err)})},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/221510.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

电商软件定制开发数字化四大新趋势

近年来&#xff0c;电商软件定制化开发已经成为一种新趋势。得益于技术进步、用户需求个性化以及市场竞争的加剧。越来越多的企业开始认识到&#xff0c;为了在激烈的市场竞争中脱颖而出&#xff0c;他们需要一款高度定制化的电商软件来满足自身的特定需求。在电商软件定制开发…

【深度学习目标检测】五、基于深度学习的安全帽识别(python,目标检测)

深度学习目标检测方法则是利用深度神经网络模型进行目标检测&#xff0c;主要有以下几种&#xff1a; R-CNN系列&#xff1a;包括R-CNN、Fast R-CNN、Faster R-CNN等&#xff0c;通过候选区域法生成候选目标区域&#xff0c;然后使用卷积神经网络提取特征&#xff0c;并通过分类…

Android audio pop 音产生和解决方法

一、pop音产生原因 pop noise其实是隔直电容被充电产生。 二、pop音解决办法 1.插入模拟LPF 一般比较困难&#xff0c;pop noise是由于音频路径上隔直电容两端上电时候的压差而导致快速充电产生的&#xff0c;一般是在Audio PA的输入RC LPF上作调整&#xff0c;通过减小串联…

Qt图像处理-基于OpenCv的图像的腐蚀、膨胀、打开、关闭

一、概述 膨胀、腐蚀、开、闭运算是数学形态学最基本的变换。 膨胀:把二值图像各1像素连接成分的边界扩大一层(填充边缘或0像素内部的孔); 腐蚀:把二值图像各1像素连接成分的边界点去掉从而缩小一层(可提取骨干信息,去掉毛刺,去掉孤立的0像素); 开:先腐蚀再膨胀…

[Stream]自定义的Collect筛选

这里使用map就是让map中的内容作用到s上去 然后我们在map(s->{})中的部分完成了筛选 并且返回一个Actor类型的值 import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.function.Function; import java.util.stream.Colle…

安装Nacos2.2.3集群

目录 一、传统方式安装 二、Docker安装 一、传统方式安装 1、配置jdk环境 vi /etc/profile JAVA_HOME/usr/local/java JRE_HOME/usr/local/java/jre CLASSPATH.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib PATH$JAVA_HOME/bin:$PATH export PATH JAVA_…

(第26天)Oracle 数据泵分析table_exists_action参数

前言 关于 Oracle 数据泵导入时目标端已存在表时,数据如何处理的问题,可以使用 table_exists_action 参数: ## table_exists_action(导入数据处理方式) table_exists_action=[SKIP | APPEND | TRUNCATE | REPLACE]SKIP:跳过当前表进行下一个。如果 CONTENT 参数设置为 …

用什么文件传输工具来进行企业远程文件传输好?

企业在远程文件传输工具的选择上面临一个非常实际的问题。在当今社会&#xff0c;企业间的合作、沟通和交流都离不开文件的传输。如果文件传输速度慢、不稳定、不安全&#xff0c;将直接影响企业的效率和声誉。因此&#xff0c;选择一款易用的文件传输工具至关重要。 企业远程文…

通过 Java 17、Spring Boot 3.2 构建 Web API 应用程序

本心、输入输出、结果 文章目录 通过 Java 17、Spring Boot 3.2 构建 Web API 应用程序前言Spring Boot 3.2 更新了哪些内容Java 17 新特性构建步骤花有重开日,人无再少年实践是检验真理的唯一标准通过 Java 17、Spring Boot 3.2 构建 Web API 应用程序 编辑:简简单单 Online…

【Java8系列08】Java8中reducing妙用

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

2024年天津仁爱学院专升本专业课报名、确认缴费操作流程说明

2024年天津仁爱学院高职升本科专业考试报名、确认缴费操作流程说明 一、报名操作流程 1. 报名注册 请考生于2023年12月15日上午9点—12月20日下午16&#xff1a;00点登录天津仁爱学院报名系统 https://jw.tjrac.edu.cn/zsb&#xff0c;点击“注册”按钮后进入报名登录界面&a…

单例模式:饿汉模式、懒汉模式

目录 一、什么是单例模式 二、饿汉模式 三、懒汉模式 一、什么是单例模式 单例模式是Java中的设计模式之一&#xff0c;能够保证某个类在程序中只存在唯一一份实例&#xff0c;而不会创建出多个实例 单例模式有很多实现方式&#xff0c;最常见的是饿汉和懒汉两种模式 二、…

收货地址 不能自动获取地区,并且报错

https://www.crmeb.com/ask/thread/20527 https://www.crmeb.com/ask/thread/20527 腾讯地图申请地址&#xff1a; https://doc.crmeb.com/pro/crmebprov2/6117?search%E5%9C%B0%E5%9D%80 新建一个应用

提升数据分析效率:Amazon S3 Express One Zone数据湖实战教程

前言 什么是 Amazon S3&#xff1f;什么是 S3 Express One Zone&#xff1f;实现概述 技术架构组件实现步骤概览 第一步&#xff1a;构建数据湖的基础第二步&#xff1a;选择并查看数据集第三步&#xff1a;在 Athena 中搭建架构第四步&#xff1a;数据转换与优化第五步&#x…

【Spring】@Transactional事务属性详解

文章目录 1、事务传播行为注意事务传播行为在不同类之间调用生效Propagation.REQUIRED(默认传播行为)Propagation.REQUIRES_NEWPropagation.NESTED 2、事务的隔离级别隔离级别设置 3、设置事务异常回滚3.1、默认情况3.2、设置回滚异常3.3、设置不回滚的异常 4、超时时间5、只读…

【c++】string类的模拟实现

目录 介绍&#xff1a; 一&#xff0c;构造函数和析构函数 二&#xff0c;赋值运算符与流运算符 三&#xff0c;迭代器和运算符重载 四&#xff0c;容器接口函数的实现 1&#xff0c;增删操作 2&#xff0c;查找与插入 3&#xff0c;接口的常规操作 介绍&#xff1a; S…

STM32 map文件详解

文章目录 1. 前言2. 生成 .map 文件3 .map 文件的组成3.1 Section Cross References - 各个源文件之间函数的调用关系3.2 Removing Unused input sections from the image - 移除未使用的模块3.3 Image Symbol Table - 映射符号表&#xff1a;描述各&#xff08;程序段 / 数据&…

Spark分布式内存计算框架

目录 一、Spark简介 &#xff08;一&#xff09;定义 &#xff08;二&#xff09;Spark和MapReduce区别 &#xff08;三&#xff09;Spark历史 &#xff08;四&#xff09;Spark特点 二、Spark生态系统 三、Spark运行架构 &#xff08;一&#xff09;基本概念 &#x…

Antd v5.8 modal.confirm 手动控制关闭

开发中经常需要使用操作提示弹窗&#xff0c;在 Antd 中的 Modal 组件提供了 confirm 方法&#xff0c;可以快速实现操作提示弹窗。本文就来介绍一下如何使用 Modal.useModal 创建弹窗&#xff0c;并且实现手动控制弹窗的关闭逻辑。 一、代码演示 import { message, Modal } f…

C++ SEH结构化异常捕获处理(双平台支持 Linux、Windows)。

测试&#xff1a; try_ctor();try_call([](){printf("1111111111111111111111\r\n");int* p NULL;*p 100;throw 1;// try_eeh();}, [](){printf("2222222222222222222222\r\n");}); 设置NULL指针P的值引发程式崩溃&#xff0c;可以被正确捕获&#xff0…