vue实现pdf下载

接口代码：

export function getDownloadAPI(url) {return request({url: url,responseType: 'blob',method: 'GET'})
}

注意，以上代码因为pdf的下载地址后台已经返回，所以这里的url需要用传参的方式！！

html代码：

 <el-button @click="hrefClick" type="success" >下载</el-button>

js代码：

 // pdf下载hrefClick(){getDownloadAPI(this.formInline.invoice_url).then(res => {if(res.size > 0){const content = resconst blob = new Blob([content])const fileName = '发票.pdf'if ('download' in document.createElement('a')) { // 非IE下载const elink = document.createElement('a')elink.download = fileNameelink.style.display = 'none'elink.href = URL.createObjectURL(blob)document.body.appendChild(elink)elink.click()URL.revokeObjectURL(elink.href) // 释放URL 对象document.body.removeChild(elink)} else { // IE10+下载navigator.msSaveBlob(blob, fileName)}/* this.$message.success("导出成功")*/}})},

vue实现pdf下载相关推荐

vue使用html2canvas jspdf实现pdf下载导出功能
vue使用html2canvas jspdf实现pdf下载导出功能功能步骤介绍: 1.安装全局.局部引用 2.封装 html2canvas结合 JsPDF 下载导出方法 3.组件页面调用
vue 项目中实现pdf预览 pdf打印 pdf下载
在Vue项目中实现PDF预览.打印和下载可以通过以下步骤来实现: 安装pdf.js pdf.js是一个JavaScript库,可以用于在Web上渲染PDF文件. 可以使用npm安装pdf.js,命令如 ...
vue pdf下载及预览（移动端）
本文使用的是 vue-pdf,其实还有其他的很多比如pdf.js,只不过觉得这个和vue结合了应该不用下载一堆东西,直接npm install就可以,所以采用vue-pdf来撰写pdf下载及预览. 无 ...
VUE页面转pdf下载
一.欢迎你们走进杭老师小学堂,今天给大家讲解一下vue页面转PDF下载,本人亲测有效哦! 随着项目体积的不断增加,我们的项目内容也逐渐越来越丰富新颖! 多了不说上需求跟代码! 1.首先我们要绑定一个按 ...
vue 连接地址下载 PDF
href 是地址 // if(appConfigs.urlWebHttp!=""){// const link = document.createElement("a&q ...
VUE 前端PDF分页预览、下载
一.安装PDF插件依赖 // pdf预览 npm install vue-pdf --save// pdf下载 npm install downloadjs 二.完整示例 <template&g ...
linux常用命令速查手册PDF下载
Linux常用命令速查手册需要该PDF文档的朋友扫码关注下方二维码[入门小站],后台回复「1001」自取点击下面标题即可获取对应资料 LeetCode刷题开源手册 LeetCode题解[jav ...
h5页面转PDF下载（包括pc端和移动端）
前情:需要在app内嵌的weixin项目将页面转成PDF并下载. 使用技术:html2canvas插件 + jspdf插件实现思路:1)将h5页面用canvas画成图片 2)利用jspdf将图片插入 ...
4.Vue项目中下载本地pd、word、excel文件
记录:Vue项目中下载本地pdf.word.excel文件今日的一个需求是下载导入模板文件,该模板文件不是接口请求获取,而是本地的文件该文章属转载:Vue下载本地pdf.word.excel文件 ...

vue实现pdf下载

vue实现pdf下载相关推荐

最新文章

热门文章