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

vue 在线预览PDF

一、如果是本地文件,则直接运行下面的代码就可以了

window.open(url,"_blank")

二、使用vue-pdf

vue 使用 vue-pdf 实现pdf在线预览

报错:MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)

Package not compatible with Vue cli version 5.x

三、使用pdfjs

pdfjs 官网地址

使用案列

四、使用iframe

<iframe :src="pdfSrc"  frameborder="0" width="100%" height="100%" ></iframe>

vue预览本地pdf文件方法之iframe

跳转链接的时候遇到问题,由于是单页面,所有直接访问html会出现问题
解决办法:
1、pdfIframe.html 在nginx服务器上部署一个路径
2、项目中添加路由,指向PdfIframe.vue ,可能需要添加一个
3、vue 多页面入口配置
vue 多页面入口配置
4、直接在public 下创建 /pdfView.html 直接访问/pdfView.html

相关文章:

  • 老照片怎么修复清晰?两分钟让你学会三个办法
  • grafana-用户管理
  • 八大排序 (上)
  • 第一讲:如何使用go-client连接k8s
  • rac节点停止和启动
  • NFS使用-动态供应
  • SAP Commerce Cloud ASM 模块的登录过程
  • 数据库迁移-国产化-迁移建议-GreenPlum DB向GBase 8a 迁移
  • Python Flask MongoDB Web开发:前 言
  • element-ui 组件库 button 源码分析
  • 二、学习Lua 环境安装
  • 本地快速部署 TiDB 集群
  • “金九银十”这几天刚整理出炉的两份最全“Java 面试宝典+Java 核心知识集”
  • python笔记Ⅴ--元组、字典、集合
  • 力扣 307. 区域和检索 - 数组可修改
  • CSS盒模型深入
  • Idea+maven+scala构建包并在spark on yarn 运行
  • Java比较器对数组,集合排序
  • js对象的深浅拷贝
  • Laravel Telescope:优雅的应用调试工具
  • leetcode388. Longest Absolute File Path
  • passportjs 源码分析
  • python 学习笔记 - Queue Pipes,进程间通讯
  • python大佬养成计划----difflib模块
  • 后端_MYSQL
  • 后端_ThinkPHP5
  • 技术攻略】php设计模式(一):简介及创建型模式
  • 买一台 iPhone X,还是创建一家未来的独角兽?
  • 如何合理的规划jvm性能调优
  • 一个JAVA程序员成长之路分享
  • 在electron中实现跨域请求,无需更改服务器端设置
  • 阿里云API、SDK和CLI应用实践方案
  • 摩拜创始人胡玮炜也彻底离开了,共享单车行业还有未来吗? ...
  • # 计算机视觉入门
  • ###STL(标准模板库)
  • #define MODIFY_REG(REG, CLEARMASK, SETMASK)
  • (C语言)fgets与fputs函数详解
  • (Matlab)遗传算法优化的BP神经网络实现回归预测
  • (附源码)小程序 交通违法举报系统 毕业设计 242045
  • (十五)Flask覆写wsgi_app函数实现自定义中间件
  • (详细版)Vary: Scaling up the Vision Vocabulary for Large Vision-Language Models
  • (转)Linux下编译安装log4cxx
  • .net core开源商城系统源码,支持可视化布局小程序
  • .NET LINQ 通常分 Syntax Query 和Syntax Method
  • .net 托管代码与非托管代码
  • .net下简单快捷的数值高低位切换
  • .NET值类型变量“活”在哪?
  • .secret勒索病毒数据恢复|金蝶、用友、管家婆、OA、速达、ERP等软件数据库恢复
  • @CacheInvalidate(name = “xxx“, key = “#results.![a+b]“,multi = true)是什么意思
  • @ComponentScan比较
  • @RequestParam详解
  • @test注解_Spring 自定义注解你了解过吗?
  • [ C++ ] STL---仿函数与priority_queue
  • [<死锁专题>]
  • [BZOJ] 2006: [NOI2010]超级钢琴