html 实现动态在线预览word、excel、pdf等文件(方便快捷)
亲测可用,若有疑问请私信
word+excle+pdf表格在线浏览
通过iframe直接引用微软提供的方法
<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'>
</iframe>
在 https://view.officeapps.live.com/op/view.aspx?src= 后边添加需要预览的内容
注意:链接包含中文需要进行URL编码,并且文档必须可在Internet上公开访问
官方使用文档
https://www.microsoft.com/en-us/microsoft-365/blog/2013/04/10/office-web-viewer-view-office-documents-in-a-browser/?eu=true
pdf在线浏览
PDF.js下载地址
http://jhyt.oss-cn-shanghai.aliyuncs.com/images/1531367199089_PDFObject.js
使用方法
引入pdf.js文件
<script src="./js/PDF/PDFObject.js" type="text/javascript"></script>c
创建有个div用于展示
<div id="example1"></div>
通过js动态添加需要浏览的pdf地址
var options = {
height: "550px",
pdfOpenParams: {view: 'FitV', page: '0' },
name:"mans",
fallbackLink: "<p>您的浏览器暂不支持此pdf,请下载最新的浏览器</p>"
};
PDFObject.embed(url, "#example1",options);
预览效果
html 实现动态在线预览word、excel、pdf等文件(方便快捷)相关推荐
- 前端在线预览word,excel,pdf
前端在线预览word,excel,pdf 预览Word 预览pdf 预览Excel 预览Word 微软的在线预览功能,可以预览word.ppt.Excel.PDF 局限: 需要外网能访问文件,如果是只 ...
- (开源kkFileView、kkOffice)在线预览word、pdf、ofd、excel、ppt、压缩包、图片等等
(开源kkFileView.kkOffice)在线预览word.pdf.ofd.excel.ppt.压缩包.图片等 前言 此项目为文件文档在线预览项目解决方案,对标业内付费产品有[永中office][ ...
- 在线预览Word、PDF、图片(IE、Edge、Google、FireFox等主流浏览器)
支持IE.Edge.Google.FireFox等主流浏览器处理在线预览Word.PDF.JPG.JPEG等格式文件或图片. var id=ID; if(id!=undefined){var hasI ...
- html 实现动态在线预览word、excel、pdf等文件
word+excle+pdf表格在线浏览 通过iframe直接引用微软提供的方法 <iframe src='https://view.officeapps.live.com/op/view.as ...
- html 实现动态在线预览word、excel、pdf等文件,先收藏留着以后用
Word在线预览html,先收藏留着以后用 <div style="width: 100%;height: 100%;"><iframe src='https:/ ...
- 关于在线预览word,excel,ppt,pdf的需求处理方法。
参考文档:http://www.cnblogs.com/wolf-sun/p/3574278.html 我选用的方案:先用office com组件生成pdf,然后使用pdf.js在线预览pdf文档.在 ...
- vue项目实现前端预览word和pdf格式文件
最近做vue项目遇到一个需求,就是前端实现上传word或pdf文件后,后端返回文件对应的文件流,前端需要在页面上展示出来.word预览简单一些,pdf预览我试过pdfjs,vue-pdf总是报各种奇奇 ...
- h5页面如何预览excel文件_移动端页面,如何解析预览 word/excel/PDF文件?
展开全部 利用Office2007以上版本的一个PDF插件SaveAsPDFandXPS.exe可以导出PDF文件,然后再利用免费的swftools.exe工具生成swf格式的Flash文件,网页中加 ...
- vue在线预览word,pdf, xls,ppt 文档
首先先踩坑(也不算坑,只是跟我的需求不匹配) 一 ,官方渠道 使用微软提供的Office Online平台只需要一个网址即可在线查看Xls,doc,PPT等文档 http://view.officea ...
- 前端页面预览word_详解html实现在线预览word、excel、pdf等文件的功能(附代码)_WEB前端开发...
JavaScript判断"字典"为空的方法_WEB前端开发 字典是一种存储键值对的数据结构,Javascript中的Object类内部即实现为一个字典,本文就来为大家介绍一下判断字 ...
最新文章
- 哈希表(HASHTABLE)
- js 设计模式学习(3)
- 数据库-优化-mysql慢查日志分析工具-mysqldumpslow介绍及用法
- Vim使用教程(按键教程,映射都可以改的,持续更新)
- Hanlp之理解用户自定义词典(java版本)
- 95后热搜哪些事,夸克用AI引擎发布2021年度关键词
- Android开发之修改Chrome书签
- 《计算机应用基础》第05章在线测试,计算机应用基础.第五章测试及答案.doc
- linux 可道云_如何搭建私有云
- Java垃圾回收精粹 — Part1
- Xcode插件失效解决办法
- mysql tee_MySQL 使用tee记录语句和输出日志
- 联想笔记本prtsc不能截图_联想笔记本截图快捷键
- linux多媒体音频架构
- 定义一个list对象数组 java_javascript定义一个list
- ​基于matlab的目标检测 背景差分法和帧差法
- ES--IK分词器安装
- iOS 开发工具整理
- 数据分析师是青春饭吗,前景如何?
- git解决The authenticity of host ‘github.com (192.30.255.112)‘ can‘t be established问题
热门文章
- 温度对免疫代谢调节和癌症进展的影响
- 性能分析26-tomcat优化P61
- php密码如何用星号表示,输入密码显示星号的写法实例
- 易基因|ChIP-seq等实验揭示CHD6转录激活前列腺癌通路的关键功能 | 肿瘤耐药研究
- 程序员叫啥名字_网友:什么是好程序员?程序员:用心给自己起个“配”自己的网名...
- 计算机组装与维护标准教程(2010-2012版)电子教材,计算机组装与维护标准教程(2015—2018版)...
- jwt的token自动续约_关于JWTToken自动续期的解决方案
- 各个操作系统中怎样设置电脑的颜色保护眼睛
- 监控之美——Prometheus云原生监控
- git提交错分支怎么办