vue3 两种下载方式

news/2024/6/16 20:38:48

const downFile = (fileName:string)=>{

  // 设置响应类型为'blob'以接收二进制数据

  axios({

    method: 'get',

    url: urlIpi + '/common/download',

    params:{filename,delete:false}, // URL参数

   // responseType: 'blob', // 重要

  }).then(response => {

    download(fileName);

  }).catch(error => {

    console.error('下载失败:', error);

  });

}

const download=(fileName) => {

  let protocol = window.location.protocol

  let host = window.location.host

  let url = `${protocol}://${host}/${fileName}`;

  const a = document.createElement('a')

  a.setAttribute('download', fileName )

  a.setAttribute('target', '_blank')

  a.setAttribute('href', url)

  a.click()

}

第二种:

 <a id="downFile" href="http://xxxx.xxxx.xxx.xxxx:8081/common/download?fileName=%2F2024%2F05%2F21%2Fmetasec-license_20230521164939A003.docx" download="文件" class="app-margin-right-10">

      <i class="abc"></i>

    </a>


http://lihuaxi.xjx100.cn/news/2162058.html

相关文章

BGP实验:联邦和发射器实验

BGP实验&#xff1a;联邦和发射器实验 一、实验拓扑 二、实验要求及分析 实验要求&#xff1a; 1、AS1存在两个环回&#xff0c;一个地址为192.168.1.0/24&#xff0c;该地址不能再任何协议中宣告&#xff1b; ​ AS3存在两个环回&#xff0c;一个地址为192.168.2.0/24&…

QT Qstring转QJson转QbyteArray

QT5.15 QT Qstring转QJson //读取json格式文件 // QByteArray json http_recv_str.toLatin1();//字符串转字节 QByteArray json http_recv_str.toUtf8().data(); //信息带中文&#xff0c;则需要toUtf8() //QByteArray json http_recv_str.toLocal8Bit().data();//…

QT 使用QLsitView 实现多个子项选中取消效果

文章目录 效果图概述部分代码总结 效果图 概述 整个界面的布局介绍请看这篇博客想要的到这种自由选择中的Item效果&#xff0c;需要使用到Model-view的思想&#xff0c;每个item中都要存放一个标志位&#xff0c;用在Paint函数去判断是否绘制为按下的状态。每次item被点击时&a…

Element表格之表头合并、行合并和列合并

el-table合并表头handerMethod_el-table表头合并-CSDN博客 Element表格之表头合并、行合并和列合并_element表格表头合并-CSDN博客 一、合并表头 话不多说&#xff0c;先看效果图&#xff1a; 表格结构如上&#xff0c;其中:header-cell-style对表头做了一些处理。 headFirst…

运行时间比较

subprocess.run() 函数参数的含义&#xff1a; shell_command&#xff1a;这是要执行的命令。它可以是一个字符串&#xff0c;也可以是一个包含命令和参数的列表。例如&#xff0c;“ls -l” 或 [“ls”, “-l”]。shellTrue&#xff1a;这是一个布尔值参数&#xff0c;指示是…

人际关系与情景模拟

面试中的同事 1、着眼合作多理解 2、立足长远多承担 3、分工协作多沟通 4、相互学历促成长 面试中的领导 1、尊重领导权威 2、适应领导风格 3、服从领导安排 4、请示领导意见 5、完成领导任务 6、汇报工作结果 面试中的下属&#xff08;面试考的很少&#xff0c;毕…

iPhone退出恢复模式的方法有哪些?iPhone用户必知的几种方法!

大家有没有遇到过类似的情况&#xff0c;苹果手机在进入恢复模式后&#xff0c;却发现怎么也退出不了&#xff0c;这是什么原因&#xff1f;iPhone手机恢复模式怎么退出&#xff1f; 无论是误按、系统故障&#xff0c;还是其他未知因素导致手机进入恢复模式&#xff0c;如何快速…

老师们怎么发布月考成绩

月考成绩的私密发布一直是老师们需要慎重对待的一项工作。要想高效、私密的将成绩反馈给学生和家长&#xff0c;工作量不容小觑&#xff0c;在以前没有那么多教学工具的时代&#xff0c;老师们基本都是手工记录成绩&#xff0c;然后在班级会议上逐一宣读&#xff0c;或者通过邮…