vue在线预览word踩坑日记

项目一直也来也是下载word,但是就在最近,突然提了一个新的需求,要求能在线阅览word文档,和下载文档
整整一天半的时间…全在踩坑,特此记录下,帮助后续小伙伴积极避坑

收费的…直接跳过
剩下的遇到的…于是乎

方案一: docx-preview

通过vue的插件 docx-preview,可以完成docx的预览,需要后端配合,将文件流转换为blob流,前端运用插件内的方法,直接渲染docx流

对应文档链接:

https://blog.csdn.net/weixin_54000091/article/details/124606368

git相似方案:

   https://gitee.com/tomiaa/vue-preview-word-file-docx#http://tomiaa.gitee.io/vue-preview-word-file-docx/#/

缺陷: 只支持docx,不支持doc
但是我没用,为啥我没用呢?!不光是因为不支持doc…而是后端人员不太配合,说不会转bolb流… 卒

方案二: mammoth

对应文档链接:

 https://blog.csdn.net/qq_42697806/article/details/125423742

缺陷: docx文档预览(只能转换.docx文档，转换过程中复杂样式被忽，居中、首行缩进等)

方案三:用docx云服务的在线预览,

但是后端提供的文件地址是要公开可访问的链接直接放弃

对应文档链接:

 https://blog.csdn.net/weixin_42190844/article/details/120869882

方案四: 直接用iframe 访问,当当当~~跨域…

方案五: 后端处理然后前端访问,后端将word转换成pdf,前端直接iframe读取

对应文档链接:

 https://www.jb51.net/article/231444.htm

后端特殊注意一点 response.setHeader(“Content-Disposition”, “inline; filename=111.pdf”);

content-disposition 指示如何处理响应内容。
inline：直接在页面显示
attchment：以附件形式下载

vue在线预览word踩坑日记相关推荐

vue在线预览word，pdf， xls，ppt 文档
首先先踩坑(也不算坑,只是跟我的需求不匹配) 一 ,官方渠道使用微软提供的Office Online平台只需要一个网址即可在线查看Xls,doc,PPT等文档 http://view.officea ...
vue 在线预览word文件docx
1.npm安装插件 npm i docx-preview 2.index.html文件引入 <script src="https://unpkg.com/jszip/dist/jszi ...
vue 在线预览、下载word、pdf文件
vue 在线预览.下载word.pdf文件最近项目用vue-cli3要实现word和pdf文档的在线预览和下载,在网上看到各位大佬们各种办法,发现踩坑无数,还是没弄出来,最后发现还是是自己想复杂了 ...
office在线预览 word在线预览 .net在线预览文件在线浏览接口
office在线预览 word在线预览 excel在线预览文件浏览接口服务支持移动端浏览,只要能使用浏览器上网都可以使用,不需要安装任何第三方工具. 1.word在线预览 excel在线预览,.n ...
mvc直接在html页面预览pdf,Asp.net MVC 实现在线预览word、excel、ppt、pdf文件
在线预览word.excel.ppt 原理:主要是引用第三方Dll使本地word.excel.ppt文件转换成Html 需要引用 : Aspose.Cells.dll Aspose.Slides.dl ...
在线预览word文档
在线预览word文档在线预览word文档 Java 使用wps将word文件转换pdf文件转成PDF 在线预览word(转成pdf)前端展示欢迎来提更好的意见在线预览word文档昨天下午组长 ...
前端在线预览word,excel,pdf
前端在线预览word,excel,pdf 预览Word 预览pdf 预览Excel 预览Word 微软的在线预览功能,可以预览word.ppt.Excel.PDF 局限: 需要外网能访问文件,如果是只 ...
在线预览Word、PDF、图片（IE、Edge、Google、FireFox等主流浏览器）
支持IE.Edge.Google.FireFox等主流浏览器处理在线预览Word.PDF.JPG.JPEG等格式文件或图片. var id=ID; if(id!=undefined){var hasI ...
使用永中文档实现java在线预览Word，Excel，Pptx，Pdf
使用永中文档实现java在线预览Word,Excel,Pptx,Pdf 永中文档提供了在线预览的功能永中开发者文档如果需要直接运行,请直接修改代码中的两个参数转换类型在下方,根据传入以及输出类型 ...
Springboot 超简单实现在线预览,Word文档 doc、xlsx、pdf、txt等
前言 PDF.TXT 只要资源可访问,根本就不需要进行任何处理,直接访问查看就完事了. 也是因为这个PDF可以直接查看(现在浏览器基本支持了),那么我们实现Word文档在线预览,其实也是把WORD文 ...