当前位置: 首页 > news >正文

后端返回base64文件流下载

后端返回base64文件流:

前端处理:
downloadTemplate () {this.$API.downloadTemplate().then(({ data }) => {const binaryString = atob(data) // 解码base64字符串const byteArray = new Uint8Array(binaryString.length) // 创建一个Uint8Arrayfor (let i = 0; i < binaryString.length; i++) { // 填充Uint8ArraybyteArray[i] = binaryString.charCodeAt(i) // 获取每个字符的Unicode编码}const blob = new Blob([byteArray], { type: 'application/vnd.ms-excel' }) // 创建Blob对象const objectUrl = URL.createObjectURL(blob) // 创建Object URLconst a = document.createElement('a') // 创建一个<a>元素document.body.appendChild(a) // 将<a>元素添加到DOM中a.style = 'display: none' // 隐藏<a>元素a.href = objectUrl // 设置<a>元素的href属性为Object URLa.download = '链路模板配置.xlsx' // 设置<a>元素的download属性为文件名a.click() // 模拟点击<a>元素})}

http://www.lryc.cn/news/383158.html

相关文章:

  • 云原生面试
  • 深度学习入门2—— 神经网络的组成和3层神经网络的实现
  • tensorflow学习:错误 InternalError: Dst tensor is not initialized
  • Docker环境安装anythingllm
  • FEC 向前纠错编码
  • 【jupyter notebook】解决打不开以及安装扩展插件的问题
  • Perl文件句柄深度解析:掌握文件操作的核心
  • Tomcat 下载部署到 idea
  • FutureTask如何使用?
  • Webpack: 如何借助预处理器、PostCSS 等构建现代 CSS 工程环境
  • 一篇文章告诉你如何正确使用chatgpt提示词
  • qt基于QGraphicsView的屏幕旋转
  • 一个土木工程专业背景的开发者,讲述开源带给他的力量
  • express+vue在线im实现【四】
  • 【Qt 实现3D按钮】
  • 8.每日LeetCode-笔试题,交替打印数字和字母
  • UE5近战对抗系统Tutorial
  • Typescript: declear
  • Linux内核编译流程
  • 昇思25天学习打卡营第2天 | 张量Tensor
  • 时间安排 |规划
  • PS系统教程28
  • 如何在web页面下做自动化测试?
  • spring源码环境的搭建
  • 小山菌_代码随想录算法训练营第三十四天| 56. 合并区间、
  • 让工厂像手机一样更“聪明”
  • vue2与vue3数据响应式对比之检测变化
  • Spring Cloud - 开发环境搭建
  • 绘制图形
  • SpringAop实战(xml文件/纯注解两种方式)