Vue 下载文件

对于浏览器来说,

  • 文本、图片等可以直接打开的文件,不会进行自动下载
  • 压缩包、xls文件等无法直接打开的文件,会自动进行下载
  1. 下载方式(针对浏览器无法识别的)
window.loaction.href = filePath  // 进行跳转自动下载
  1. 创建 dom元素进行下载
//此时接口返回的data是二进制数据
download_file(data).then(res =>{
    let fileName = row.name  //定义文件名
    
    const link = document.createElement('a')  // 创建a标签dom元素
    link.download = fileName // 定义文件名
    link.href = URL.createObjectURL(res)   // 
    link.target = '_blank'; 
    link.style.display = 'none';
    document.body.appendChild(link);
    link.click();  // 触发点击事件
    // URL.romoveObjectURL(fileUrl)
    document.body.removeChild(link)
})
posted @   雾气^^  阅读(239)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示
主题色彩