vue中下载pdf文件

js代码

    /** 导出履约码  */hrefClick() {const query = { fileName: this.fileName };exportNew(query).then((res) => {const blob = new Blob([res], {type: "application/pdf;chartset=UTF-8",});const a = document.createElement("a");const URL = window.URL || window.webkitURL;const herf = URL.createObjectURL(blob);a.href = herf;// 这里后台不给文件名字需要自己写a.download = '履约码文件.pdf';document.body.appendChild(a);a.click();document.body.removeChild(a);window.URL.revokeObjectURL(herf);}).catch((err) => {// 创建blob对象，解析流数据const blob = new Blob([err], {// 如何后端没返回下载文件类型，则需要手动设置：type: 'application/pdf;chartset=UTF-8' 表示下载文档为pdf，如果是word则设置为msword，excel为exceltype: "application/pdf;chartset=UTF-8",});const a = document.createElement("a");// 兼容webkix浏览器，处理webkit浏览器中href自动添加blob前缀，默认在浏览器打开而不是下载const URL = window.URL || window.webkitURL;// 根据解析后的blob对象创建URL 对象const herf = URL.createObjectURL(blob);// 下载链接a.href = herf;// 下载文件名,如果后端没有返回，可以自己写a.download = '文件.pdf'a.download = '履约码文件.pdf';document.body.appendChild(a);a.click();document.body.removeChild(a);// 在内存中移除URL 对象window.URL.revokeObjectURL(herf);});},

接口调用

// 删除人员管理
export function exportNew(query) {return request({url: '/fulfillment/person/exportCode',method: 'post',params: query,responseType:'blob',headers: { "Content-Type": "multipart/form-data" }})
}

vue中下载pdf文件相关推荐

安卓从服务器中下载pdf文件然后调用第三方软件WPS Office打开
安卓从服务器中下载pdf文件然后调用第三方软件WPS Office打开前提: 高版本想使用Uri.fromFile() file://的形式需要在onCreate 或init方法中添加下面代码. ...
Vue中实现pdf文件预览功能
写在前面: 实现的功能就是点击预览按钮,弹出对话框在线预览pdf文件实现此功能的前提是需要在Vue项目中安装组件vue-pdf, 在终端命令行输入运行如下语句: npm install --save ...
vue中本地pdf文件加载错误，文件不显示
1.问题描述 Warning: getHexString - ignoring invalid character: 33 Warning: getHexString - ignoring inval ...
vue中下载excel文件
请求用的axios 请求函数封装 req.js import axios from 'axios' const api = axios.create({baseURL : _getBaseUrl(), ...
php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）
最近做项目遇到在线预览和下载pdf文件,试了多种pdf插件,例如jquery.media.js(ie无法直接浏览) 最后选择了pdf.js插件(兼容ie10及以上.谷歌.安卓,苹果) 强烈推荐改插件, ...
VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索，在iframe中获取选中文字，监听鼠标事件，右键菜单
一.VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索需求实现:vue实现预览pdf文件,获取到鼠标选中的文字数据.调用pdf.js自带的搜索方法实现搜索功能(后期可以调用该接口满足其他 ...
python下载网页中的pdf文件_【Python】Python的urllib模块、urllib2模块批量进行网页下载文件...
由于需要从某个网页上下载一些PDF文件,但是需要下载的PDF文件有几百个,所以不可能用人工点击来下载.正好Python有相关的模块,所以写了个程序来进行PDF文件的下载,顺便熟悉了Python的url ...
项目中的那些事---下载pdf文件
最近做了一个下载pdf文档的需求,本以为使用HTML5中<a>标签的属性download就能简单搞定,不料IE竟然不支持这一简单粗暴的H5新特性,而是直接在网页中打开, 于是各种搜索之后得 ...
vue中下载excel的使用，后端链接两种情况，一个是链接，一个是文件流
vue中下载excel使用一.这是第一种情况,后台链接地址返回的是一个url,这个时候我只要在导出按钮上绑定exportData()这个事件方法就好了 exportData() {this.time ...
vue中下载文件导出保存到本地
vue中下载文件导出保存到本地先分析如何下载:先有一个链接地址,然后使用 location.href或window.open()下载到本地看看返回数据 res.config.url 中是下载链接地 ...

vue中下载pdf文件

vue中下载pdf文件相关推荐

最新文章

热门文章