vue element上传
<el-upload class="upload" :action="actions" :headers="headers" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" :on-success="handlesuccess" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList"> <el-button size="small" type="primary" icon="el-icon-upload"> 批量上传</el-button> </el-upload>
this.actions=`${process.env.VUE_APP_BASE_API }/iot/api.iot/v1/water-record/${this.activeName }/excel` this.headers= { Authorization:getToken() }
设置actions 设置headers
show-file-list这个属性控制是否显示下面的东西。
理论上文档中需要的功能都有,只是可能没理解文档的说明
https://element.eleme.cn/#/zh-CN/component/upload
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人