下载文件和上传文件,excel、psd格式等
2021/11/13 6:14:48
本文主要是介绍下载文件和上传文件,excel、psd格式等,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
运用的都是el-upload组件
一、下载文件用用a 标签的特性;
downExcel(file){ const elink = document.createElement("a") let {name,url} = file; elink.style.display = "none"; elink.download = name;//必须要有 elink.href = url; document.body.appendChild(elink); elink.click() elink.remove(); URL.revokeObjectURL(elink.href);//释放URL对象 }
或者利用浏览器的特性,更换网址,自动下载
window.open(file.url,"_blank"); window.location.href = file.url;
二、上传文件
upFile(file){ const form = new FormData(); form.append("id",this.id);//携带一些参数 form.append("fileList",file.raw);//携带文件 //调用接口 upload(form).then(res=>{ if(res.code ===0){ console.log('success') } }).catch(e=>{ console.log('error') })
上传文件要注意请求头部:content-Type: “multipart/form-data”;文件格式要注意
这篇关于下载文件和上传文件,excel、psd格式等的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04el-table 开启定时器下,表格的选中状态会消失是什么原因-icode9专业技术文章分享
- 2024-10-03如何安装和初始化飞牛私有云 fnOS?-icode9专业技术文章分享
- 2024-10-03如何安装 App 并连接到飞牛 NAS?-icode9专业技术文章分享
- 2024-10-03如何安装飞牛 TV 并连接到影视服务器?-icode9专业技术文章分享
- 2024-10-03如何在PVE和ESXI上安装飞牛私有云 fnOS?-icode9专业技术文章分享
- 2024-10-03fnOS国产最强NAS安装系统异常情况处理-icode9专业技术文章分享
- 2024-10-03飞牛NAS如何创建存储空间?-icode9专业技术文章分享
- 2024-10-03fnOS国产最强NAS硬盘会自动休眠吗?-icode9专业技术文章分享
- 2024-10-03fnOS国产最强NAS如何安装飞牛影视和创建媒体库?-icode9专业技术文章分享
- 2024-10-03fnOS国产最强NAS如何为家人朋友开通影视账号?-icode9专业技术文章分享