亲测可用,若有疑问请私信

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等文件(方便快捷)相关推荐

  1. 前端在线预览word,excel,pdf

    前端在线预览word,excel,pdf 预览Word 预览pdf 预览Excel 预览Word 微软的在线预览功能,可以预览word.ppt.Excel.PDF 局限: 需要外网能访问文件,如果是只 ...

  2. (开源kkFileView、kkOffice)在线预览word、pdf、ofd、excel、ppt、压缩包、图片等等

    (开源kkFileView.kkOffice)在线预览word.pdf.ofd.excel.ppt.压缩包.图片等 前言 此项目为文件文档在线预览项目解决方案,对标业内付费产品有[永中office][ ...

  3. 在线预览Word、PDF、图片(IE、Edge、Google、FireFox等主流浏览器)

    支持IE.Edge.Google.FireFox等主流浏览器处理在线预览Word.PDF.JPG.JPEG等格式文件或图片. var id=ID; if(id!=undefined){var hasI ...

  4. html 实现动态在线预览word、excel、pdf等文件

    word+excle+pdf表格在线浏览 通过iframe直接引用微软提供的方法 <iframe src='https://view.officeapps.live.com/op/view.as ...

  5. html 实现动态在线预览word、excel、pdf等文件,先收藏留着以后用

    Word在线预览html,先收藏留着以后用 <div style="width: 100%;height: 100%;"><iframe src='https:/ ...

  6. 关于在线预览word,excel,ppt,pdf的需求处理方法。

    参考文档:http://www.cnblogs.com/wolf-sun/p/3574278.html 我选用的方案:先用office com组件生成pdf,然后使用pdf.js在线预览pdf文档.在 ...

  7. vue项目实现前端预览word和pdf格式文件

    最近做vue项目遇到一个需求,就是前端实现上传word或pdf文件后,后端返回文件对应的文件流,前端需要在页面上展示出来.word预览简单一些,pdf预览我试过pdfjs,vue-pdf总是报各种奇奇 ...

  8. h5页面如何预览excel文件_移动端页面,如何解析预览 word/excel/PDF文件?

    展开全部 利用Office2007以上版本的一个PDF插件SaveAsPDFandXPS.exe可以导出PDF文件,然后再利用免费的swftools.exe工具生成swf格式的Flash文件,网页中加 ...

  9. vue在线预览word,pdf, xls,ppt 文档

    首先先踩坑(也不算坑,只是跟我的需求不匹配) 一 ,官方渠道 使用微软提供的Office Online平台只需要一个网址即可在线查看Xls,doc,PPT等文档 http://view.officea ...

  10. 前端页面预览word_详解html实现在线预览word、excel、pdf等文件的功能(附代码)_WEB前端开发...

    JavaScript判断"字典"为空的方法_WEB前端开发 字典是一种存储键值对的数据结构,Javascript中的Object类内部即实现为一个字典,本文就来为大家介绍一下判断字 ...

最新文章

  1. 哈希表(HASHTABLE)
  2. js 设计模式学习(3)
  3. 数据库-优化-mysql慢查日志分析工具-mysqldumpslow介绍及用法
  4. Vim使用教程(按键教程,映射都可以改的,持续更新)
  5. Hanlp之理解用户自定义词典(java版本)
  6. 95后热搜哪些事,夸克用AI引擎发布2021年度关键词
  7. Android开发之修改Chrome书签
  8. 《计算机应用基础》第05章在线测试,计算机应用基础.第五章测试及答案.doc
  9. linux 可道云_如何搭建私有云
  10. Java垃圾回收精粹 — Part1
  11. Xcode插件失效解决办法
  12. mysql tee_MySQL 使用tee记录语句和输出日志
  13. 联想笔记本prtsc不能截图_联想笔记本截图快捷键
  14. linux多媒体音频架构
  15. 定义一个list对象数组 java_javascript定义一个list
  16. ​基于matlab的目标检测 背景差分法和帧差法
  17. ES--IK分词器安装
  18. iOS 开发工具整理
  19. 数据分析师是青春饭吗,前景如何?
  20. git解决The authenticity of host ‘github.com (192.30.255.112)‘ can‘t be established问题

热门文章

  1. 温度对免疫代谢调节和癌症进展的影响
  2. 性能分析26-tomcat优化P61
  3. php密码如何用星号表示,输入密码显示星号的写法实例
  4. 易基因|ChIP-seq等实验揭示CHD6转录激活前列腺癌通路的关键功能 | 肿瘤耐药研究
  5. 程序员叫啥名字_网友:什么是好程序员?程序员:用心给自己起个“配”自己的网名...
  6. 计算机组装与维护标准教程(2010-2012版)电子教材,计算机组装与维护标准教程(2015—2018版)...
  7. jwt的token自动续约_关于JWTToken自动续期的解决方案
  8. 各个操作系统中怎样设置电脑的颜色保护眼睛
  9. 监控之美——Prometheus云原生监控
  10. git提交错分支怎么办