首先先踩坑(也不算坑,只是跟我的需求不匹配)

一 ,官方渠道

使用微软提供的Office Online平台只需要一个网址即可在线查看Xls,doc,PPT等文档

http://view.officeapps.live.com/op/view.aspx?src=要查看的文档地址

http://view.officeapps.live.com/op/view.aspx 微软官方自带的这个 我想禁用打开后的下载功能 找了很久也没有找到
有会禁用的小伙伴可以教教我

二,第三方渠道

还有下面这个XDOC 的预览

我试了试不管是功能和整合UI 页面转化渲染 都很强大 还可以自动识别分类导航栏 可惜要钱 公司也没打算出这笔钱…否则这个XDOC肯定是个最终选择

这个要注意一点 你开始传的示例文件 不付费的话有效期都很短而且有大小限制,50m吧好像,还好过了个年,发现文件到期了

贴官网 : https://view.xdocin.com/

三,第三方插件

试了很多插件,有的模糊的很多,也有一些其他问题的,因为最初的需求是需要一个带导航栏的展示工具。不限于pdf ppt md 之类的格式,
可惜ppt展示 下载功能取消不掉,取消了懂行的也能从链接中找到
pdf没有导航栏功能,md文档页面内容排版和样式引入得不到甲方认可

四,结论

最终还是选用 iframe + 自定义导航栏来完成需求
自己开发一个导航栏(分类),然后用 iframe 框起来右边区域,点击左边的导航栏,切换 iframe内渲染的页面部分。
以上,结束…

注意:有个小tips pdf的话浏览器内标题会默认 要改的话不能简单的改名称 名称跟浏览器内是不一致的
可以参考这个文章:修改pdf文件在浏览器里的标题

vue在线预览word,pdf, xls,ppt 文档相关推荐

  1. java实现在线预览word,excel,ppt文档

    项目中遇到的word文档在线预览需求,查阅很多资料决定利用openoffice转换word文档为pdf进行预览实现. 1.下载openoffice4安装 www.openoffice.org: 2.导 ...

  2. php 在线预览word pdf等文件

    直接上代码 <td class='text-left nowrap'><a href="http://view.officeapps.live.com/op/view.as ...

  3. vue 在线预览word文件docx

    1.npm安装插件 npm i docx-preview 2.index.html文件引入 <script src="https://unpkg.com/jszip/dist/jszi ...

  4. 利用微软在线预览链接展示office相关文档内容

    当我们需要将文档展示到页面的时候,往往会想到将office相关文件转换成pdf,然后再通过h5标签等方式展示到页面,无论是使用libreoffice或者openoffice,转换后的pdf效果都会有一 ...

  5. mvc直接在html页面预览pdf,Asp.net MVC 实现在线预览word、excel、ppt、pdf文件

    在线预览word.excel.ppt 原理:主要是引用第三方Dll使本地word.excel.ppt文件转换成Html 需要引用 : Aspose.Cells.dll Aspose.Slides.dl ...

  6. vue 在线预览、下载word、pdf文件

    vue 在线预览.下载word.pdf文件 最近项目用vue-cli3要实现word和pdf文档的在线预览和下载,在网上看到各位大佬们各种办法,发现踩坑无数,还是没弄出来,最后发现还是是自己想复杂了 ...

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

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

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

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

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

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

最新文章

  1. c#中ref与out的区别
  2. android tesseract-ocr实例教程(包含中文识别)(附源码)
  3. 使用Jquery插件jsonview来展示json数据
  4. react手机机端css_react工程搭建系列之---移动端适配与antd-mobile高清适配方案
  5. python expect模块_Python尚学堂高淇|第二季0408P119P123with上常见的异常的解决tryexcept...else结构,...
  6. 手机优酷缓存的视频在哪找
  7. Windows环境下安装redis以及出现的一些未解决的问题
  8. GitHub 闯入印度!
  9. 非root用户安装nginx
  10. appium 驱动 对应9.0 系统_第一章:appium
  11. 老婆半夜推了我三次,强~!
  12. bat批处理命令详解
  13. QT应用编程: 获取系统当前时间以及1970到现在的总秒数
  14. python3.5变化(String)
  15. c语言中的几条遍历的方法:
  16. 冒泡已知4个数c语言,C语言-《一维数和冒泡算法》.ppt
  17. python中的多任务-多线程和多进程
  18. 在ECharts树图中实现搜索高亮和自动展开
  19. 安装JDK(以安装JDK16为例)
  20. cas入门之六:cas 登录流程(下)

热门文章

  1. 怎么ping计算机用户名,win10如何让别人ping通自己的电脑
  2. GPS坐标系(WGS84)、火星坐标系(GCJ02)、百度坐标系(BD-09)的相互转换
  3. 火狐浏览器的几个比较好的,最常用的几款插件
  4. EChart.js 快速入门
  5. 解决Docker镜像拉取失败问题
  6. Object-C之文件操作
  7. libreoffice API 开发(四):插入表格
  8. MyBatis08:ResultMap 的结果集映射
  9. 磨金石教育科技摄影技能干货分享|艺术摄影的本源是创作,核心是表达
  10. google colab连接谷歌云盘