excel 下载方法封装

2023-11-02

1.首先需要拿到后端返回的URL下载地址

 2.写个下载方法

// url 接口返回的下载地址。例如:https://cancer-research.oss-cn-beijing.aliyuncs.com/yuance-platform-permission/校内共享数据导入模板.xlsx
// name 文件名称 例如: 校内共享数据导入模板
// 引入下载方法
import { staticFileDownload } from '@/utils/index'
// 使用下载方法
handleDownloadFile (url, name) {
   staticFileDownload(url, name)
},

// 封装的公共方法
export const staticFileDownload = (href, filename = '文件下载', fileType = 'xlsx') => {
  if (!href) {
    vm.$message.error('未发现文件,请检查')
    return
  }
  var a = document.createElement('a') // 创建一个a标签
  a.href = href // 给a标签的href属性值加上地址,如果是项目本地文件,写绝对路径 例如:/static/模板.xlsx
  a.target = '_self' // 在当前页面打开
  a.download = `${filename}.${fileType}` // 设置下载文件的文件名,这里加上.xlsx指定文件类型,pdf文件就指定.pdf即可
  a.style.display = 'none' // 隐藏a标签
  document.body.appendChild(a) // 将a标签追加到文档对象中
  a.click() // 模拟点击了a标签,会触发a标签的href的读取,浏览器就会自动下载了
  a.remove() // 一次性的,用完就删除a标签
}

//  如果不要求加文字名称,可以用 window.open(url)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

excel 下载方法封装 的相关文章

随机推荐

  • 强化学习:玩转Atari-Pong游戏

    玩转Atari Pong游戏 该项目基于PaddlePaddle框架完成 详情见玩转Atari Pong游戏 Atari 雅达利 最初是一家游戏公司 旗下有超过200款游戏 不过已经破产 在强化学习中 Atari游戏是经典的实验环境之一 因
  • python数字信号_Python数字信号处理应用

    第 1章 声音和信号1 1 1 周期信号1 1 2 频谱分析3 1 3 信号4 1 4 波形的读写6 1 5 频谱7 1 6 波形对象7 1 7 信号对象8 第 1章 声音和信号1 1 1 周期信号1 1 2 频谱分析3 1 3 信号4 1
  • 电脑大小写怎么切换_快速练习好电脑打字的方法

    使用电脑的基本技能 打字 很多人打字都是二指禅 极其不专业 让人看了感觉到非常的搞笑 当有专业的人看见你二指禅打字 就会感觉你这个人水平不行 根本不会盲打 要想熟练地使用电脑 打字是基本的技能 一定要练习会盲打 练习好计算机键盘的盲打 盲打
  • CMake应用:集成gtest进行单元测试

    编写代码有bug是很正常的 通过编写完备的单元测试 可以及时发现问题 并且在后续的代码改进中持续观测是否引入了新的bug 对于追求质量的程序员 为自己的代码编写全面的单元测试是必备的基础技能 在编写单元测试的时候也能复盘自己的代码设计 是提
  • 记一次通过ftplib上传文件至ftp,遇到550 Failed to change directory及553 Could not creat file问题与解决

    遇到550及553错误后 排查思路 1 查看ftp上传路径是否从根目录开始 个人遇到的情况是 需求方提供的ftp地址存在隐藏目录 需求方提供的ftp地址为 ftp xx xx xxx xxx xxx input 这个地址可以正常访问 只不过
  • TPS5430和TPS54302调试艰辛之路

    此文用于记录个人调试中碰到的问题 也请各路大神不吝赐教指点迷津 该问题目前还没有解决也没有得到一个合理的解释 本人仍在探索 调试背景 功率需求 5V 0 1A 需要做一个小板子 功能就是将232通讯转换为485通讯 需要24V供电所以选了D
  • 【地图可视化】Echarts地图上展示3D柱体

    这是以前有这方面可视化的需求做的 找了很多资料 最后感觉这样的效果比较满意 效果展示 以下以江苏省的地图为例 数据准备 对于想要做3d效果的地区 需要准备对应的json文件 可以在这个网站上下载 数据最小粒度可以具体到县 DataV Geo
  • OpenCV曝光参数和快门时间的对应关系

    目录 1 曝光设置 2 设置自动曝光为手动曝光 3 曝光参数具体对应于曝光时间 4 代码实现 5 其他知识补充 5 1 相机曝光原理 5 2 快门速度 opencv Camera曝光设置 1 曝光设置 cv cap set cv CAP P
  • 插入排序 直接插入 C语言

    碎碎念念 基本思路是 一般先孤立这堆数字的第一个数 那么它自己一个就是有序了 再拿后面的数和它比较 找到大小位置合适的插进去 完了之后这一小堆还是有序的 再拿后面的来和前面的比较 找到合适的位置插进去 直到全部插完 代码 include
  • Arthas使用教程

    什么是 Arthas 摘录一段官方 Github 上的简介 Arthas 是Alibaba开源的Java诊断工具 深受开发者喜爱 当你遇到以下类似问题而束手无策时 Arthas 可以帮助你解决 这个类从哪个 jar 包加载的 为什么会报各种
  • 微信小程序(原生)使用Swiper实现(商品详情)视频和图片轮播(仿京东/淘宝商品详情头部视频+图片轮播)

    一 需求 1 如果第一是视频 不进行自动轮播 2 可以手动滑动切换 3 点击播放视频 也可以手动滑动切换 4 视频播放完后 自动轮播 5 视频可以点击暂停和全屏播放 二 最终效果 三 源码 播放icon使用了TDesign组件库 1 wxm
  • 同一个类的方法怎么Mock?spy函数啦

    大家好 我是神韵 是一个技术 生活博主 出文章目的主要是两个 一是好记忆不如烂笔头 记录总结中提高自己 二是希望我的文章可以帮到大家 欢迎来点赞打卡 你们的行动将是我无限的动力 本篇主题是 同一个类的方法怎么Mock spy函数啦 我在测试
  • C语言fscanf函数的理解

    第一次学文件时 没学太明白 在课程设计时又不得不使用fscanf 因此又复习了一下 fp1 fopen Data FindPassword Qusetion txt r fscanf fp1 s answer i 这意思就是将FindPas
  • idea报错:Parent ‘Unknown:Unknown:Unknown‘ has problems

    导入项目时报错 Parent Unknown Unknown Unknown has problems 问题阐述 查看maven的setting xml文件 值得注意的一点 问题阐述 项目在导入之后 就报错了如下所示错误 Parent Un
  • 【CSS flex布局】用flex写个骰子

    注 新手练习 基本思路 HtML部分 一个大 ul 包裹6个 li 也就是6个骰子 每个 li 中的 span 对应一个骰子点数 ul li span span li li span span span span li li span sp
  • G. 积木画(dp + 滚动数组)

    大致题意 给定2 N的画布 以及两种积木 问填满画布的方法有多少种 思路 数据范围很大 时间复杂度要求O n 可以想到用线性dp来解决 考虑状态转移方程 状态表示 d i j 表示前 i 列都填满 填满第 i 1 列时状态为j的种类数 按j
  • 从hdfs读取image文件

    发现从hdfs直接读取image文件response Image open filepath 会报错路径不存在 出现这个问题是因为PIL的Image open filepath 只能打开本地路径里的文件 不能打开hdfs里的 而且hdfs是
  • (转)牛牛牌型判定(五小牛 > 五花牛 > 炸弹 > 银牛 > 牛牛 > 有牛>没牛)

    牌型大小 五小牛 gt 五花牛 gt 炸弹 gt 银牛 gt 牛牛 gt 有牛 牛987654321 gt 没牛 K gt Q gt J 2 gt A 黑桃 gt 红桃 gt 梅花 gt 方块 同样的牌型比大小 同样的手牌比花色 1 2 在
  • nzAutocomplete监听选择事件,做相应处理

    nzAutocomplete 当组件选择一个选项后 没有回调函数 但想在选择时获取相关的数据 可以通过点击事项 传入相关对象
  • excel 下载方法封装

    1 首先需要拿到后端返回的URL下载地址 2 写个下载方法 url 接口返回的下载地址 例如 https cancer research oss cn beijing aliyuncs com yuance platform permiss