news 2026/5/4 3:02:45

Vue—— Vue3 文件上传下载实现

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Vue—— Vue3 文件上传下载实现

背景问题:
需要实现文件上传下载功能。

方案思考:
封装文件上传下载方法。

具体实现:
文件上传下载工具:

// utils/file.jsimport{ElMessage,ElUpload}from'element-plus'importrequestfrom'@/utils/request'// 文件上传工具类exportclassFileUploadUtil{// 上传单个文件staticasyncuploadFile(file,options={}){const{url='/upload',onProgress,headers={},params={}}=optionsreturnnewPromise((resolve,reject)=>{constformData=newFormData()formData.append('file',file)// 添加额外参数Object.keys(params).forEach(key=>{formData.append(key,params[key])})// 创建 XMLHttpRequestconstxhr=newXMLHttpRequest()// 监听上传进度xhr.upload.addEventListener('progress',(event)=>{if(event.lengthComputable&&onProgress){constprogress=Math.round((event.loaded*100)/event.total)onProgress(progress)}})// 监听上传完成xhr.addEventListener('load',()=>{if(xhr.status>=200&&xhr.status<300){try{constresponse=JSON.parse(xhr.responseText)resolve(response
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/27 2:11:34

【计算机毕业设计案例】基于python卷神经网络的纸箱是否有破损识别基于python深度学习的纸箱是否有破损识别

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

作者头像 李华
网站建设 2026/5/3 5:36:24

急刹事件作为道路风险评估新指标研究

我们通过分析Android Auto收集的急刹事件&#xff08;HBEs&#xff09;与实际道路事故率之间的关系&#xff0c;确立了两者之间的正相关性。研究证实&#xff0c;急刹事件频率较高的道路段确实具有显著更高的事故风险&#xff0c;这表明此类事件可以作为道路安全评估的前瞻性指…

作者头像 李华
网站建设 2026/4/23 18:47:14

部署AI智能体的七个实战经验教训

部署AI智能体并非传统的软件发布&#xff0c;需要在实际操作中投入大量工作和规划才能让这些工具发挥生产力。顶层策略包括给予智能体一定的自由度&#xff0c;但不能过度放任&#xff0c;同时还需要重新思考传统的投资回报率衡量标准。有效的AI开发和管理需要在控制、投资、治…

作者头像 李华
网站建设 2026/4/29 15:17:50

压测 把自己 压进去了

凌晨一点&#xff0c;城中村的出租屋里&#xff0c;只有电脑屏幕的蓝光映着小李的脸。作为一名自由后端开发者&#xff0c;他不用受公司制度约束&#xff0c;日常接些接口开发、bug修复的散活&#xff0c;大把空闲时间都耗在了钻研技术上——而压测各类接口&#xff0c;成了他藏…

作者头像 李华
网站建设 2026/4/28 18:05:15

项目的逻辑和流程

项目的逻辑和流程 在互联网项目的推进过程中&#xff0c;清晰的逻辑框架和规范的执行流程是保障项目稳定落地的核心。无论是小型工具开发还是大型系统搭建&#xff0c;都离不开“从无到有、从测试到上线”的全流程管控。 一、项目核心逻辑阶段核心目标关键动作参与角色交付成果…

作者头像 李华
网站建设 2026/4/26 0:24:38

招聘外包口碑品牌榜前10名测评+选型全套指南!

“旺季急招50人&#xff0c;外包承诺3天到岗&#xff0c;结果一周才凑20人&#xff0c;一半还不会用系统”“花大价钱找外包&#xff0c;招来的人连基础操作都不会&#xff0c;直接亏了几十万”……做HR的谁没在招聘外包上踩过坑&#xff1f;现在招聘外包市场规模超3000亿&…

作者头像 李华