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

前端预览pdf文件(后端返回pdf文件流)

news 来源：原创 2024/9/30 8:35:31

前端预览pdf文件(后端返回pdf文件流)

怎么判断后端是不是返回的文件流？

我的后端给的接口直接在浏览器输入完整地址会自动下载pdf文件，这样就是返回的pdf文件流，亲试比较方便的有iframe和直接window.open临时地址.

window.open临时地址.
 fetch(`${this.$config.VUE_APP_BASE_API}/api/ai/knowledge/api/preview?fileId=${data.fileId}`,//你的pdf文件下载路径{headers: {Authorization: getToken(),},method: "GET",responseType: "arraybuffer",//一定是这个 前面一直填的"blob"一直不成功,改成这个就好了}).then((res) => res.blob()).then((res) => {const binaryData = [];binaryData.push(res);//获取blob链接this.pdfSrc = window.URL.createObjectURL(new Blob(binaryData, { type: "application/pdf" }));window.open(this.pdfSrc); //此地址也可直接填入iframe的src中以达到预览的目的});
iframe
<iframe style="width: 800px; height: 500px" :src="pdfSrc"></iframe></div>

相关文章：

  • Spring Cloud、Spring Cloud LoadBalancer、Nacos 和 OpenFeign整合
  • [ 网络通信基础 ]——网络的传输介质(双绞线,光纤,标准,线序)
  • hnust 湖南科技大学 2022 软件测试报告+代码
  • 宏集Panorama SCADA：个性化定制，满足多元角色需求
  • Apple开发者应用商店(AppStore)描述文件及ADHOC描述文件生成
  • 深拷贝、浅拷贝、引用拷贝
  • 台湾合泰原装BS66F360 封装LQFP-44 电容触摸按键 AD+LED增强型触控
  • 【Mac】Downie 4 for Mac（视频download工具）兼容14系统软件介绍及安装教程
  • 算法课程笔记——蓝桥第17次直播云课
  • window.clearInterval(timer) 清除定时器
  • React Native采集数据离线存储、网络状态监控、加密上传、鉴权
  • 4.通用编程概念
  • 4、js数据类型，检测数据类型
  • webrtc vp8/9视频编解码介绍
  • 【C语言】04.循环结构
  • 「面试题」如何实现一个圣杯布局？
  • 【刷算法】求1+2+3+...+n
  • axios请求、和返回数据拦截，统一请求报错提示_012
  • docker python 配置
  • Gradle 5.0 正式版发布
  • HTTP中GET与POST的区别 99%的错误认识
  • java8 Stream Pipelines 浅析
  • MQ框架的比较
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • Redis的resp协议
  • Vultr 教程目录
  • 爱情 北京女病人
  • 半理解系列--Promise的进化史
  • 对话 CTO〡听神策数据 CTO 曹犟描绘数据分析行业的无限可能
  • 利用jquery编写加法运算验证码
  • 聊聊sentinel的DegradeSlot
  • 前端每日实战 2018 年 7 月份项目汇总（共 29 个项目）
  • 区块链将重新定义世界
  • 如何用vue打造一个移动端音乐播放器
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • 想写好前端，先练好内功
  • 译有关态射的一切
  • 应用生命周期终极 DevOps 工具包
  • 再谈express与koa的对比
  • ​决定德拉瓦州地区版图的关键历史事件
  • ​用户画像从0到100的构建思路
  • ## 临床数据 两两比较 加显著性boxplot加显著性
  • #我与Java虚拟机的故事#连载02：“小蓝”陪伴的日日夜夜
  • (二)原生js案例之数码时钟计时
  • （附源码）springboot掌上博客系统 毕业设计063131
  • （附源码）ssm高校升本考试管理系统 毕业设计 201631
  • （附源码）SSM环卫人员管理平台 计算机毕设36412
  • (十三)Maven插件解析运行机制
  • *算法训练（leetcode）第四十天 | 647. 回文子串、516. 最长回文子序列
  • .NET MVC之AOP
  • .NetCore发布到IIS
  • .Net转前端开发-启航篇，如何定制博客园主题
  • /etc/sudoers (root权限管理)
  • @EnableAsync和@Async开始异步任务支持
  • [Android]Tool-Systrace