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…...
高效管理Steam游戏成就:Steam Achievement Manager实用指南
高效管理Steam游戏成就:Steam Achievement Manager实用指南 【免费下载链接】SteamAchievementManager A manager for game achievements in Steam. 项目地址: https://gitcode.com/gh_mirrors/st/SteamAchievementManager Steam Achievement Manager&#x…...
3种方法掌握FreeRouting:让PCB自动布线效率提升300%
3种方法掌握FreeRouting:让PCB自动布线效率提升300% 【免费下载链接】freerouting Advanced PCB auto-router 项目地址: https://gitcode.com/gh_mirrors/fr/freerouting FreeRouting是一款功能强大的开源PCB自动布线工具,支持与KiCad、Eagle等主…...
RE引擎游戏Mod开发技术深度解析:REFramework架构设计与实战指南
RE引擎游戏Mod开发技术深度解析:REFramework架构设计与实战指南 【免费下载链接】REFramework Mod loader, scripting platform, and VR support for all RE Engine games 项目地址: https://gitcode.com/GitHub_Trending/re/REFramework 在当今游戏Mod开发领…...
用STK分析北斗三号MEO星座:手把手教你计算全球任意区域的PDOP和可见卫星数
北斗三号MEO星座性能评估实战:STK软件操作全流程解析 在卫星导航系统设计与优化过程中,准确评估定位精度和卫星可见性是核心环节。作为行业标准工具,STK(Systems Tool Kit)软件提供了从星座建模到性能分析的完整解决方…...
安卓手机C4DROID编辑器:从零配置SDL库到显示第一张图片(避坑指南)
安卓手机C4DROID编辑器:从零配置SDL库到显示第一张图片(避坑指南) 在移动端进行C/C开发一直是个充满挑战的领域,而C4DROID的出现为安卓平台上的原生代码爱好者打开了一扇窗。作为一款功能强大的移动端IDE,它不仅支持标…...
告别雾霾图!用Python+OpenCV手把手实现Retinex图像去雾增强(附完整代码)
用PythonOpenCV打造Retinex图像去雾神器:实战参数调优与效果对比 户外摄影、监控画面常因雾霾天气导致图像质量下降,传统增强方法往往难以恢复细节。Retinex算法通过模拟人眼视觉特性,能有效解决这一痛点。本文将手把手带您实现一个开箱即用的…...
ESP8266玩转网络引导:搭建一个‘钓鱼Wi-Fi’式演示服务器(用于产品原型展示)
ESP8266打造无感化产品演示系统:从技术实现到商业场景落地 想象一下这样的场景:在熙熙攘攘的展会上,潜在客户只需用手机连接一个名为"Demo_Product"的Wi-Fi热点,打开浏览器输入"demo.product"——无需记忆IP地…...
实战指南:使用WechatDecrypt工具快速解密微信聊天记录数据库
实战指南:使用WechatDecrypt工具快速解密微信聊天记录数据库 【免费下载链接】WechatDecrypt 微信消息解密工具 项目地址: https://gitcode.com/gh_mirrors/we/WechatDecrypt 微信聊天记录作为个人数字资产的重要组成部分,常常因为加密存储而难以…...
【PySide6】构建实时视频监控界面:从摄像头捕获到QLabel动态显示
1. 环境准备与基础概念 在开始构建实时视频监控界面之前,我们需要先准备好开发环境。PySide6是Qt框架的Python绑定库,它提供了丰富的GUI组件和工具,非常适合用来开发桌面应用程序。OpenCV则是一个强大的计算机视觉库,能够轻松处理…...
DDrawCompat:让经典Windows游戏在现代系统上完美运行的终极兼容方案
DDrawCompat:让经典Windows游戏在现代系统上完美运行的终极兼容方案 【免费下载链接】DDrawCompat DirectDraw and Direct3D 1-7 compatibility, performance and visual enhancements for Windows Vista, 7, 8, 10 and 11 项目地址: https://gitcode.com/gh_mirr…...
