下载文件和上传文件,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”;文件格式要注意

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值