Vue前端接收后台二进制文件的方式

news/2024/7/10 3:04:47 标签: js, vue

1.如果是是get请求,且参数只有很少,例如:

location.href = `${process.env.VUE_APP_API_BASE_URL}xxx/xxxx/printOrderPdf?id=${this.baseInfo.id}`

 

2.如果是post请求,或者参数很多则:
 

this.$http({
 method: 'post',
 url: 'xxx/xxx/printOrderPdf',
 data:this.pdfParams,//查询所需参数
 responseType: 'blob'
}).then((resp) => {
 if (resp.status === 200) {
  let blob = new Blob([resp.data])
  let elm = document.createElement('a');
  //创建下载的链接
  let href = window.URL.createObjectURL(blob); 
  elm.href = href;
  elm.download = 'XXXX.PDF'; 
  document.body.appendChild(elm);
  elm.click(); 
  //下载完成移除元素
  document.body.removeChild(elm);
 //释放掉blob对象
  window.URL.revokeObjectURL(href); 
 } else {
  this.visibleAlert = true
  this.visibleAlertText = "导出PDF失败"
 }
}).catch((error) => {
 console.log(error)
})

 


http://www.niftyadmin.cn/n/806600.html

相关文章

Win10总是自动下载更新系统,该如何关闭?

原:http://www.chinaz.com/news/2015/0826/438617.shtml 对于已经过升级到Windows10系统的用户来说,相信都有遇到这么一个情况,有时一关机,总会看到电脑迟迟不进入关机状态,而是提醒不要断电,电脑正在配置更…

C++ 11 笔记 (二) : for循环

首先肯定的是&#xff0c;我不是标题党。。 C11的for循环确实有跟C98不一样的地方&#xff0c;还是先上代码&#xff1a; 1 int test_arr[] { 1, 2, 3, 4, 5 }; 2 for (int x : test_arr) 3 { 4 std::cout << x << std::endl; 5 } 看上去跟Java的for循环和C#的…

Dubbo常用组件及高级特性(Zookeeper作注册中心整合)

前言&#xff1a;本文为原创 若有错误欢迎评论&#xff01; 一.ZookeeperDubbo整合 Zookeeper作注册中心 则每个dubbo服务会去zookeeper注册一个节点&#xff1a; /dubbo/服务包名/服务的application.name的名字/ 1.依赖 <properties><spring-boot.version>2.1.6.…

谁说游戏是程序员写的?

从我们第一阶段【筑基】完成作业的伙伴可以直接飞升第二阶段啦&#xff01;7月1日【辟谷】期正式开营&#xff01;Creator修仙模拟三步曲&#xff1a;筑基—软件运用辟谷—设计思维金丹—编程开发先看一下辟谷阶段的学习内容&#xff1a;学习 Cocos Creator 引擎组件化设计游戏…

企业微信客户端通过jsapi调起微信扫码提示40093:jsapi签名错误

错误提示&#xff1a; 检查原因&#xff1a;40093&#xff0c;jsapi签名错误。 1.请检查用于签名的jsapi_ticket是否是正确的&#xff0c;是否过期。可以通过获取相应jsapi_ticket接口获取当前的jsapi_ticket跟用于签名的jsapi_ticket比对是否一致&#xff0c;若jsapi_ticket…

一个关于javaweb项目名处出现红叉,而项目下的目录和文件没有红叉的问题

原&#xff1a;http://blog.sina.com.cn/s/blog_6d34781a01016fkj.html 今天在做项目的时候&#xff0c;发现项目名处出现一个红叉&#xff0c;但项目里面却并没有出现什么错误有红叉叉的地方啊&#xff1f;然后在tomcat的Server Deployments里同样项目名出现警告符号 ,并提示 …

sql 表名为关键字

user在sql server中时一个关键字&#xff0c;如上面说所的&#xff0c;有时候我们无意中将其作为表的名称&#xff0c;当我们在sql语句中要使用该名称时例如&#xff1a;select *from user这是会提示user附近有语法错误&#xff0c;那该怎么办呢&#xff1a;其实只要在将user替…

非关系型数据库Redis(一):Redis命令与如何实现二级缓存和分布式Session

前言&#xff1a;本文为原创 若有错误欢迎评论&#xff01; 一.Redis的数据结构 1.String&#xff1a; set/get&#xff08;基本操作&#xff09; set key value get key mset&#xff08;一次存入多个&#xff09; mset key1 value1 key2 value2 mget&#xff08;一次取出多…