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

vue2 前端实现pdf在线预览(无插件版)

toFielDetail()是点击预览的方法,getOfficialFile是获取文件流的接口正常定义即可:
export function getOfficialFile(query) {return request({url: '/dataAsset/projectassess/getOfficialFile',method: 'get',params: query,});
}

调用接口的页面需要引用axios页面

import request from '@/router/axios';
toFielDetail() {getOfficialFile().then((res) => {const { bucketName, fileName } = res.data.data;return request({url: '/admin/sys-file/' + bucketName + '/' + fileName,method: 'get',responseType: 'blob',}).then((response) => {const binaryData = [];binaryData.push(response.data);console.log(response.data, 'response');const pdfUrl = window.URL.createObjectURL(new Blob(binaryData, { type: 'application/pdf' }),);window.open(pdfUrl);});});},

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • “八股文”在程序员面试中的作用及其对实际工作的影响
  • Java整理14
  • C++ 沙漏图案(Hour-glass Pattern)
  • JavaScript_语法_运算符_一元运算符
  • Python面试题:结合Python技术,如何使用Alembic进行数据库迁移管理
  • Spring框架中依赖注入实现手段的选择(基于XML 或 基于注解)
  • 新装centos7虚拟机如何配置网络,NAT配置固定IP
  • Android Studio运行报错:module java.base dose not “opens java.io“ to unnamed module
  • 特斯拉财报看点:FSD拳打华为,Robotaxi 脚踢百度
  • Java类加载器实现机制详细笔记
  • Stable Diffusion WebUI本地环境搭建
  • kafka详解及应用场景介绍
  • 当你在浏览器扣下域名时。。。
  • (自适应手机端)行业协会机构网站模板
  • 系统模块时序图的重要性:解锁系统模块交互的全景视图
  • 2017 年终总结 —— 在路上
  • github从入门到放弃(1)
  • JavaScript HTML DOM
  • leetcode46 Permutation 排列组合
  • Making An Indicator With Pure CSS
  • Netty 框架总结「ChannelHandler 及 EventLoop」
  • PHP变量
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • python学习笔记 - ThreadLocal
  • React-flux杂记
  • spring cloud gateway 源码解析(4)跨域问题处理
  • 代理模式
  • 看域名解析域名安全对SEO的影响
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 如何优雅的使用vue+Dcloud(Hbuild)开发混合app
  • 深度解析利用ES6进行Promise封装总结
  • 【干货分享】dos命令大全
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • ​MPV,汽车产品里一个特殊品类的进化过程
  • # windows 安装 mysql 显示 no packages found 解决方法
  • #if和#ifdef区别
  • (007)XHTML文档之标题——h1~h6
  • (二)JAVA使用POI操作excel
  • (附源码)计算机毕业设计SSM在线影视购票系统
  • (论文阅读32/100)Flowing convnets for human pose estimation in videos
  • (每日持续更新)jdk api之FileReader基础、应用、实战
  • (三)Kafka 监控之 Streams 监控(Streams Monitoring)和其他
  • (四)图像的%2线性拉伸
  • (一)插入排序
  • (原创)可支持最大高度的NestedScrollView
  • *Django中的Ajax 纯js的书写样式1
  • .net 8 发布了,试下微软最近强推的MAUI
  • .net 生成二级域名
  • .NET/C# 中你可以在代码中写多个 Main 函数,然后按需要随时切换
  • .NET/C#⾯试题汇总系列:⾯向对象
  • .net和jar包windows服务部署
  • .net后端程序发布到nignx上,通过nginx访问
  • .NET基础篇——反射的奥妙
  • .NET命名规范和开发约定
  • @NotNull、@NotEmpty 和 @NotBlank 区别