uniapp h5文件流下载pdf文件

embedded/2024/10/10 15:32:23/

今天遇到一个需求就是后端返回一个文件流,前端需要用户点击以后下载,那么怎么去做呢 请看下面代码

 DownLoadDoc() {let url = 'doc/api/downloadDocFulltext?id=' + this.id //接口路径uni.request({url:uni.getStorageSync('baseUrl')+url, //域名拼接responseType: 'arraybuffer', //这里记得设置响应数据格式,不然预览的pdf是空白header: {"GAKey": uni.getStorageSync('token') // 携带的token},success: (response) => {let pdfData = response.data; //pdfData是后端返回的文件流										//创建blob数据流,并用a标签来下载let blob = new Blob([ pdfData], {type: 'application/pdf;charset=UTF-8'})var a = document.createElement('a');document.body.appendChild(a);a.style = 'display: none';var url = window.URL.createObjectURL(blob);a.href = url;a.download = `${this.title}.pdf`; // 文件标题a.click();a.remove();window.URL.revokeObjectURL(url);  }})}

http://www.ppmy.cn/embedded/21642.html

相关文章

旅游网站制作流程

旅游网站制作流程是一个较复杂的过程,因为它需要结合市场调研、用户需求、内容构建、技术开发等多个方面。在这篇文章中,我将简单介绍一下旅游网站的制作流程,大致分为以下步骤。 第一步:市场调研 在制作旅游网站前,我…

ACE框架学习3

ACE Acceptor-Connector框架 该框架实现 Acceptor-Connector 模式,该模式解除了“网络化应用中的协作对端服务的连接和初始化”与“连接和初始化之后它们所执行的处理”的耦合。Acceptor-Connector 框架允许成用独立于它们所提供的服务来配置其连接布局的关键属性。…

Web前端一套全部清晰 ① 学习路线

一切都会好的,我一直相信 —— 24.4.25 基础入门:HTML5CSS3移动web技术进阶: JavaScript全套(js基础Web APIsjs进阶) ——> 《框架前置课》AJAX-Node.js-Webpack-GitVUE开发: 框架前置课Node.js&es6 ——> Vue2Vue3全套 ——> iHRM人力资源后台管理项 …

ctfshow-nodejs

web334 打开题目是一个登陆界面 下载题目中的附件,发现里面有用户名和密码 但还找到代码中有toUpperCase()函数为转为大写 因此用户名为ctfshow,密码为123456 输入即可得到flag web335 打开题目 发现只有一句话,查看源码 里面暗示有get…

【CLion】clion无法加载或找不到cmakekists文件

一、问题表象 最近工作中,在git pull远程仓库最新版本程序后,平时打开CLion自动加载的工程CMakeLists文件突然失效(显示找不到可编译的文件),无法debug程序。 二、原因分析 基于平时的编码经验和之前git pull也出现…

Cranck-Nicolson隐式方法解线性双曲型方程

Cranck-Nicolson隐式方法解线性双曲型方程 Cranck-Nicolson方法在抛物型方程里面比较常用,双曲型方程例子不多,该方法是二阶精度,无条件稳定,然而,数值震荡比较明显,特别是时间演化比较大以及courant数比较…

程序员缓解工作压力的技巧

程序员在紧张的工作之余,放松自己是非常重要的。我了解到有几种方法可以帮助他们缓解压力、恢复精力。 首先,运动是个不错的选择。无论是去健身房锻炼身体,还是进行户外跑步、散步,都可以让程序员暂时忘记工作,释放压力…

MySQL-多表查询-练习

练习 1.写一个查询显示所有雇员的 last name、department id、anddepartment name。 SELECT e.LAST_NAME,e.DEPARTMENT_ID,d.DEPARTMENT_NAME FROM employees e,departments d WHERE e.DEPARTMENT_ID d.DEPARTMENT_ID;2.创建一个在部门 80 中的所有工作岗位的唯一列表&#x…