项目资源:

https://download.csdn.net/download/AisinGioroGouzi/86756075

如何使用:

1  解压好的资源放到项目 components 文件夹内

2 安装所需依赖  npm 安装以下依赖,或者直接拷贝到package.json里  再 npm install

"docx-preview": "^0.1.11","exceljs": "^4.3.0","handsontable": "^11.1.0","jszip": "^3.1.5","pdfjs-dist": "^2.12.313","video.js": "^7.19.2",

准备工作完成后 开干

引入预览组件 及使用

<previewFile :row="file" ></previewFile>import previewFile from "./file-view/components/fileview.vue"

入参可以是文件流,或者自己定义,在组间内部修改参数。

如何获取后台返回的文件流 可以参考这篇文章

Vue 导出下载后台返回的文件流_爱新觉罗·苟子的博客-CSDN博客

基本这就搞定了

前端文件预览 (pdf ppt word Excel image mp4 txt )集成预览相关推荐

  1. POI pdf ppt word excel

    原地址:http://topinking.iteye.com/blog/225178 关键字: word, excel, powerpoint, pdf, pdfbox OFFICE文档使用POI控件 ...

  2. 【Vue实用功能】Vue实现文档在线预览功能,在线预览PDF、Word、Excel、ppt等office文件

    文章目录 @[TOC](文章目录) 方法一. Luckysheet 预览 方法二. Office Web 查看器(微软的开发接口) 方法三. XDOC文档预览云服务(预览pdf.word.xls.pp ...

  3. WEB在线预览PDF,WORD方案总结

    好记忆不如烂笔头,能记下点东西,就记下点,有时间拿出来看看,也会发觉不一样的感受. 目录 一.PDF的预览方式 1.PDFObject 2.PDF.JS 3.jsPDF 4.jQuery Media ...

  4. Python办公自动化(八)|使用Python转换PDF,Word/Excel/PPT/md/HTML都能转

    Word转PDF Word转PDF应该是最常见的需求了,毕竟使用PDF格式可以更方便展示文档,虽然在Word中可以直接导出为PDF格式,但是使用Python可以批量转换,更加高效. 目前在Python ...

  5. 在线将pdf文件解密或者pdf转word

    在线将pdf文件解密或者pdf转word 有的时候,我们需要解密pdf才可以复制和打印修改,但是有密码却实现不了,解密去不知道怎么弄,一起来看看你吧,只要不是很复杂的,都可以用. 1.这是一个被保护的 ...

  6. 前端【vue】实现文档在线预览功能,在线预览pdf、word、xls、ppt等office文件

    前端江太公 前端实现文档在线预览功能 最直接的就是使用XDOC 文档云服务 XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本.带参数文本.html文本.json文本.公 ...

  7. 在线浏览pdf doc html,前端实现在线预览pdf、word、xls、ppt等文件

    1.前端实现pdf文件在线预览功能 方式一: 通过a标签href属性实现 pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面.在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签hr ...

  8. office 文档 在线预览功能实现(word,excel,pdf,ppt等多种格式)——使用https://view.xdocin.com/view 提示文档过期——基础积累

    web实现office文档在线预览功能--基础积累 最近遇到一个需求,就是要实现多种文档链接的在线预览,最简单的方式就是通过window.open(url地址)的方式来实现. 但是如果要求是在一个弹窗 ...

  9. Java实现 word.excel等文档在线预览

    实现的原理: 通过第三方工具openoffice,将word,excel,pppt,txt等文件转换为pdf文件流 第一步下载Apache OpenOffice 安装包安装运行 地址:https:// ...

最新文章

  1. python pytest_Python项目的pytest初始化
  2. 自定义标签 (转载)
  3. 互联网公司败局汇总,这些公司都是怎么死的?(上篇)
  4. 给定一组查找关键字(19,14,23,1,65,20,84,27,55,11,10,79) 哈希函数为:H(key)=key % 13, 哈希表长为m=15,设每个记录的查找概率相等。【MOOC】
  5. matlab向量的角标,【MATLAB】利用冒号表达式获得子矩阵
  6. Android Studio如何减小APK体积
  7. 面向知识图谱的信息抽取
  8. springboot导包显示不存在_BOOT项目依赖另外一个模块的包,开发的时候都正常,执行clean package打包成jar时却提示依赖的模块包不存在。...
  9. 谷歌 Pixel 4 人像模式拍照算法揭秘
  10. 解决切换场景时NGUI图集资源未释放的问题
  11. 世界坐标系到观察坐标系的变换步骤_shader观察(像机)矩阵变换的一己之见
  12. SCPPO(二十三):SQLServer数据库备份那些事儿
  13. SyntaxHighlighter3.0.83 配置
  14. 使用Excel生成符合正态分布的随机数
  15. CRM系统之数据库设计
  16. html右侧下拉菜单怎么写,HTML中下拉菜单使用
  17. 微信公众号文章采集方案
  18. 含泪向小米贱卖处理器? 联发科:断章取义
  19. ie的主页被修改了,改不过来怎么办??
  20. 划一划新闻作手机端最简洁的新闻聚合网站

热门文章

  1. 基于visual的单机游戏外挂
  2. 根据身份证号计算年龄、性别
  3. 知乎 985高校工程博士值得读么
  4. 流星灯C语言程序,(18)改进led驱动和流星灯程序
  5. 如何满足从Jama需求到测试和代码的可追溯性?
  6. 从0开始学web-day7
  7. 企业建站之是自招开发人员组团队还是外包?软件外包开发靠谱吗?
  8. WIN32API讲座7
  9. PHP_EOL不起作用或者无效的原因
  10. PHP_EOL怎么用是什么?-PHP_EOL有什么用处-php_eol为什么没有换行