vue 使用 el-upload 上传文件(自动上传/手动上传)
vue 使用 el-upload 上传文件(自动上传/手动上传)
文章目录
- 1. 自动上传(选择完文件后,调用axios上传)
- 2.手动上传
1. 自动上传(选择完文件后,调用axios上传)
<el-uploadref="upload1"action:multiple="false"accept=".xlsx,.csv,.xls":auto-upload="false":on-change="handleFileChange":show-file-list="false"
><el-button type="success" icon="el-icon-upload2">导入</el-button>
</el-upload>
- 上传
// 当开启多选时 filelist有值async handleFileChange(file, filelist) {this.httpImportFile(file.raw);
},
httpImportFile(file) {let formDatas = new FormData();formDatas.append("file", file);apiImport(formDatas).then((res) => {this.$message.success("导入成功");this.$refs.upload1.clearFiles();}).catch((err) => {});
},
2.手动上传
<el-upload ref="upfile":auto-upload="false":on-change="handleChange":file-list="fileList":multiple="true"accept=".xlsx,.csv,.xls"action="#"><el-button type="success">选择文件</el-button>
</el-upload><el-button type="success" @click="upload">点击上传</el-button>
- 上传
export default {data(){return{fileList:[]}},methods:{//获得文件列表handleChange(file, fileList) {this.fileList = fileList;},upload(){let fd = new FormData();this.fileList.forEach(item=>{//文件信息中raw才是真的文件fd.append("files",item.raw);})apiImport(fd).then(res=>{if (res.code === 200) {this.$message('上传成功')}else{this.$message('失败')}})},}
}
相关文章:
vue 使用 el-upload 上传文件(自动上传/手动上传)
vue 使用 el-upload 上传文件(自动上传/手动上传) 文章目录 1. 自动上传(选择完文件后,调用axios上传)2.手动上传 1. 自动上传(选择完文件后,调用axios上传) <el-uploadref"upload1"action:multiple"false"accept".xlsx,.csv,.xls":auto-upl…...
服务器遭受攻击之后的常见思路
哈喽大家好,我是咸鱼 不知道大家有没有看过这么一部电影: 这部电影讲述了男主是一个电脑极客,在计算机方面有着不可思议的天赋,男主所在的黑客组织凭借着超高的黑客技术去入侵各种国家机构的系统,并引起了德国秘密警察…...
C语言学习笔记 使用vscode外部console出现闪退-12
前言 在使用vscode的外部console时,会出现闪退现象,这是因为程序运行结束后,系统自动退出了终端(终端机制决定的)。我们可以在C程序结束后,使用system函数来暂停DOS终端系统,这样就可以完整地看…...
从Spring源码看Spring如何解决循环引用的问题
Spring如何解决循环引用的问题 关于循环引用,首先说一个结论: Spring能够解决的情况为:两个对象都是单实例、且通过set方法进行注入。 两个对象都是单实例,通过构造方法进行注入,Spring不能进行循环引用问题&#x…...
03 - 通过git log可以查看版本演变历史
通过git log可以查看版本演变历史 主要包括: commit 哈希id提交的Author信息提交的日期和时间commit info信息 git log本人常用,显示简洁: git log --oneline当log条数很多的时候,可以如下指定显示的数量: git log…...
【图论】单源最短路
算法提高课笔记。(本篇还未更新完… 目录 单源最短路的建图方式例题热浪题意思路代码 信使题意思路代码 香甜的黄油题意思路代码 最小花费题意思路代码 最优乘车题意思路代码 昂贵的聘礼题意思路代码 单源最短路的建图方式 最短路问题可以分为以下两类:…...
闻道网络:2023宠物消费网络营销洞察数据报告(附下载)
关于报告的所有内容,公众【营销人星球】获取下载查看 核心观点 行业持续升级,增速放缓,正朝着多元化和专业化的方向发展;自公共事件以来,因,“猫不用遛”,养猫人士增速迅猛反超犬主人…...
Docker 安装和架构说明
Docker 并非是一个通用的容器工具,它依赖于已存在并运行的Linux内核环境。 Docker实质上是在已经运行的Liunx下制造了一个隔离的文件环境,因此他的执行效率几乎等同于所部署的linux主机。因此Docker必须部署在Linux内核系统上。如果其他系统想部署Docke…...
101. 对称二叉树
题目 原题链接 : 101.对称二叉树 题面 : 对于这一题呢,题目要求给出递归和迭代两种方式来解决!!! 注 : 这一题不仅仅是判断左右两个子节点是否对称,而是要遍历两棵树而且要比较内侧和外侧节点 递归 先确认递归三要素 : 确定递归函数的参数和返回值 bool …...
cmake应用:集成gtest进行单元测试
编写代码有bug是很正常的,通过编写完备的单元测试,可以及时发现问题,并且在后续的代码改进中持续观测是否引入了新的bug。对于追求质量的程序员,为自己的代码编写全面的单元测试是必备的基础技能,在编写单元测试的时候…...
静态时序分析与时序约束
一、时序分析的基本概念 1. 时钟 理性的时钟模型是一个占空比为50%且周期固定的方波: 实际电路中输入给FPGA的晶振时钟信号是正弦波: 2. 时钟抖动 Clock Jitter,时钟抖动,相对于理想时钟沿,实际时钟存在不随时钟存在…...
YOLOv5基础知识入门(3)— 目标检测相关知识点
前言:Hello大家好,我是小哥谈。YOLO算法发展历程和YOLOv5核心基础知识学习完成之后,接下来我们就需要学习目标检测相关知识了。为了让大家后面可以顺利地用YOLOv5进行目标检测实战,本节课就带领大家学习一下目标检测的基础知识点&…...
10个AI绘图生成器让绘画更简单
AI不仅影响商业和医疗保健等行业,还在创意产业中发挥着越来越大的作用,开创了AI绘画生成器新时代。在绘画领域当然也是如此,与传统的绘画工具不同,AI人工智能时代的绘画工具是全自动的、智能的,甚至可以说是“傻瓜式”…...
干货满满的Python知识,学会这些你也能成为大牛
目录 1. 爬取网站数据 2. 数据清洗与处理 3. 数据可视化 4. 机器学习模型训练 5. 深度学习模型训练 6. 总结 1. 爬取网站数据 在我们的Python中呢,使用爬虫可以轻松地获取网站的数据。可以使用urllib、requests、BeautifulSoup等库进行数据爬取和处理。以下是…...
【Leetcode】155. 最小栈、JZ31 栈的压入、弹出序列
作者:小卢 专栏:《Leetcode》 喜欢的话:世间因为少年的挺身而出,而更加瑰丽。 ——《人民日报》 155. 最小栈 155. 最小栈 题目描述; 设计一个支持 push ,pop ,top …...
网络安全(黑客技术)自学笔记
一、什么是网络安全?什么是黑客? 网络安全可以基于攻击和防御视角来分类,我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。 无论网络、Web、移动、桌面、云等…...
iOS学习—制作全局遮罩
在.h文件中线声明show()方法 - (void)show; .m文件中添加全屏遮罩,在遮罩上添加了一个选择框并添加了底部弹出的动画,可自行在其中添加tableview、pickerview等其他视图,并添加了点击选择框视图外区域隐藏 #import "MaskView.h"…...
GRPC-连接池-GPT
gRPC Dart 管理优化 User grpc for dart 如何统一管理多个Client的创建和销毁,给我一个最优解 ChatGPT 对于在Dart中使用gRPC创建和销毁多个Client的统一管理,您可以使用一个单例模式的管理类来实现最优解。 首先,创建一个管理类,…...
YOLOv5、YOLOv8改进: GSConv+Slim Neck
论文题目:Slim-neck by GSConv: A better design paradigm of detector architectures for autonomous vehicles 论文:https://arxiv.org/abs/2206.02424 代码:https://github.com/AlanLi1997/Slim-neck-by-GSConv 在计算机视觉领域&#x…...
重发布选路问题
一、思路 ; 1.增加不优选路开销解决选路不佳问题 2.用增加开销的方式使R1 不将ASBR传的R7传给另一台ASBR解决R1、R2、R3、R4pingR7环回环路 二、操作 ------IP地址配置如图 1.ospf及rip的宣告 rip: [r1]rip 1 [r1-rip-1]version 2 [r1-rip-1]netw…...
英雄联盟智能助手:League Akari 的终极自动化工具集指南
英雄联盟智能助手:League Akari 的终极自动化工具集指南 【免费下载链接】League-Toolkit An all-in-one toolkit for LeagueClient. Gathering power 🚀. 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit 你是否厌倦了每次游戏前繁…...
别再让RC522模块烧了!用STC89C51单片机驱动Mifare卡,3.3V供电避坑全记录
STC89C51驱动RC522模块实战指南:从硬件防护到稳定读卡 第一次接触RC522模块时,我犯了一个几乎所有初学者都会犯的错误——直接用5V供电。随着一缕青烟升起,价值60元的模块瞬间报废。这个惨痛教训让我意识到,RFID开发不仅仅是写代码…...
维普AI率太高怎么降?2026年4月3款工具实测推荐
维普AI率太高怎么降?2026年4月3款工具实测推荐 维普检测报告一打开,AI率飘红过半,这几乎成了2026年4月毕业生最常见的场景。和往年查重率红线相比,维普今年加入的AIGC疑似度模块让很多人措手不及,一段自己写的内容也被…...
微积分导数入门:从基础概念到实际应用
1. 函数导数的温柔入门指南 微积分是现代数学的基石之一,而导数作为微积分的核心概念,常常让初学者望而生畏。但事实上,导数就像一位耐心的向导,用最自然的方式揭示着函数变化的奥秘。我第一次真正理解导数,是在观察汽…...
【紧急预警】传统农业嵌入式系统正面临容器化淘汰潮!3类不可逆架构缺陷及2小时内可迁移的Docker替代方案
第一章:Docker 农业优化的产业变革背景现代农业正面临资源约束趋紧、劳动力结构性短缺、供应链响应滞后与气候不确定性加剧等多重挑战。传统农业信息化系统普遍基于单体架构部署,存在环境不一致、部署周期长、跨区域协同难等问题,难以支撑智慧…...
重庆数据备份公司排行榜单
数据备份行业:技术挑战与本地化解决方案的崛起行业痛点分析当前,数据备份领域正面临前所未有的技术挑战。随着数据量呈指数级增长,传统备份方案在效率、成本和安全性上的短板日益凸显。首先,海量非结构化数据的涌现使得备份窗口被…...
别再死记公式了!用Python+Matplotlib动画可视化理解向量点积、叉积的几何意义
用Python动画解锁向量运算的几何奥秘:点积与叉积的视觉化探索 线性代数中那些抽象的向量运算公式,是否总让你在纸上反复推导却难以建立直观理解?当教科书上冰冷的数学符号无法唤起你的几何直觉时,或许该让代码和动画来架起这座桥梁…...
从5G到Wi-Fi:工程师如何在实际项目中权衡频谱利用率与误码率?一份避坑指南
从5G到Wi-Fi:工程师如何在实际项目中权衡频谱利用率与误码率?一份避坑指南 在物联网终端设计中,工程师常常面临一个核心矛盾:高频谱利用率意味着更高的数据传输速率,而低误码率则代表更稳定的连接质量。这种权衡不仅影…...
告别手动!用ABAP BADI给采购订单行项目自动填税码(附Z001/Z002订单类型代码)
告别手动!用ABAP BADI给采购订单行项目自动填税码(附Z001/Z002订单类型代码) 在SAP采购订单处理中,税码的频繁手工输入一直是业务部门的痛点。想象一下,每天处理数百个采购订单,每个订单包含数十个行项目&a…...
【S32K3开发实战】-0.1-在S32DS中集成RTD驱动,为AUTOSAR与裸机开发铺路
1. RTD驱动在S32K3开发中的核心价值 第一次接触S32K3系列MCU时,最让我头疼的就是如何快速搭建符合汽车电子标准的开发环境。直到发现NXP官方提供的RTD(Real-Time Driver)驱动套件,这个问题才迎刃而解。RTD本质上是一套经过ISO 262…...
