vue2 在线预览pdf文件
- 官方地址:PDF.js
- 使用方法:
放在public文件下,在pdf文件里会有viewer.html文件。
1.在微信浏览器中使用需做判断,在ios系统中文档可直接打开,android做需要跳转浏览器中下载打开
2.判断手机系统,打开的方式不同
const value = this.$route.query.name;
const ua = navigator.userAgent.toLowerCase();
let pd = false
/android/.test(ua) ? pd = true : ''
3.在android中使用window.open预览文件,这里的/static是设置的的代理,你也可以使用https进行预览
window.open(`/pdf/web/viewer.html?file=/static/pdf/`+value)
3.在iso中window.open功能被限制了,需要用户点击一下才能查看
window.open('https://www.xxxxx.com/xxx'+value)
vue2 在线预览pdf文件相关推荐
- html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件 方式一 将pdf ...
- html做在线预览pdf文件,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件 方式一 将pdf ...
- android 在线预览pdf文件
android原生webView不支持预览pdf文件,ios却可以,所以android想要实现在线预览webView要通过其他方法,有以下几种方法: 1.andorid原生自带的pdf管理库,主要提供 ...
- 如何在html中在线预览pdf文件?
方法1:使用 jquery js 库 1.引入 jquery-3.1.1.min.js 和 jquery.media.js 两个js文件,下载保存到本地 下载连接:jquery-3.1.1.min.j ...
- Vue-pdf实现在线预览PDF文件
前言 在大多数项目中都会遇到在线预览PDF文件,项目使用的是element ui,使用vue-pdf实现. 安装依赖 npm install --save vue-pdf 相关参数 参数介绍: url ...
- uniapp在线预览pdf文件
公司要求uniapp打包的h5和app都要能在线预览pdf文件.最开始是想找uniapp的插件,去插件市场搜了下,没得几个插件可用,且需要收费,所以直接用的pdf.js插件实现,在h5以及h5打包的a ...
- 网页中实现安卓手机在线预览PDF文件
写在前面:本文为转载,原文链接:https://blog.csdn.net/super_DuoLa/article/details/90207965原文链接 苹果手机可以直接在线预览PDF文件,而安卓 ...
- html 在线预览pdf功能,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件!javascript 翻来覆去找到两种办法 ,最后采用了jquery.media.js插 ...
- js在线预览pdf文件
js在线预览PDF文件 一.效果预览 二.实现代码: <html> <head> <meta http-equiv="Content-Type" co ...
最新文章
- React事件机制 - 源码概览(下)
- Mongodb数据查询 | Mongodb
- 高清音质背后:网易云信音乐教学方案技术解密
- 菜鸟学Linux命令:端口查看和操作命令
- android打印参数类型,__android_log_vprint可变参数打印日志
- python最简单选课系统作业_python之路——作业:学生选课系统
- 张小龙「跳一跳」都玩到 6000 多分,是时候掌握微信小游戏高级开发了
- service mysql k8s_Kubernetes(k8s)中文文档 名词解释 Services_Kubernetes中文社区
- 11. 数值的整数次方
- Atitit 财政支出减少之道---------蹭银行与金融机构的补贴之道
- c语言试讲课程,《C语言程序设计教程》试讲教案.doc
- 计算机加域和用户权限分配关系,加入域需要什么样的权限?
- 华为网络设备介绍及基础配置命令
- 小红书引流推广的终极秘籍之笔记排名
- LPC55S69开发笔记
- java.net.MalformedURLException异常说明
- 记一次作为主讲人的培训经历
- D1net阅闻:甲骨文考虑收购市值775亿美元的埃森哲
- 博图买什么样配置的笔记本_博图买什么样配置的笔记本_西门子PLC编程软件-博图软件用什么配置的电脑最好?......
- 【转载BYR】一年来遇到的C++问题和解决方法,分享一下