前端js react vue怎么实现在线预览doc文档

9月前作者：南城夏季分类：Toy博客阅读(84) 违法举报

这篇具有很好参考价值的文章主要介绍了前端js react vue怎么实现在线预览doc文档。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

先说结论：

目前在纯前端层面没有很好的方案，基本都需要服务端的介入。

1.方案一：使用view.officeapps

优点：简单易用，无需配置

缺点：文档需要支持外网访问，且文档会是公开可见的，所以对于一些内部敏感的文档来说，这个显然是不可行的。

前端js react vue怎么实现在线预览doc文档,笔记,问题,业务,前端,javascript,react.js

// 把src对应的https://filesamples.com/samples/document/doc/sample2.doc换成你自己的文档地址
<iframe src="http://view.officeapps.live.com/op/view.aspx?src=https://filesamples.com/samples/document/doc/sample2.doc" width="100%" height="600px" frameborder="0"></iframe>

2. 服务端在不直接返回doc文档，而是转换成html或者pdf返回

需要后端介入配合

3.使用onlyoffice

onlyoffice地址

这个也要先在服务器进行部署，具体使用可以查看文档文章来源地址https://www.toymoban.com/news/detail-552773.html

到了这里，关于前端js react vue怎么实现在线预览doc文档的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

前端（vue）js在线预览PDF、Word、Excel、ppt等office文件

可选参数 pdf=true，word文档尝试以pdf方式显示，默认false watermark=水印文本，显示文本水印；“img:”+图片url表示图片水印，如：img:https://view.xdocin.com/demo/wm.png saveable=true，是否允许保存源文件，默认false printable=false，是否允许打印，默认true ©able=false，是否允许选择复制内容，

2024年02月13日
浏览(77)
vue - - - - - 在线预览常见文件格式 .doc, .docx, .xls, .xlsx,.pdf

关于一些文件的在线预览，最简易的实现方式是什么呢？写在前面 .png, .jpg, .jpeg 等图片格式直接预览http/https地址即可 .pdf 文件直接预览http/https地址即可 .doc, .docx, .xls, .xlsx 等类型文件，需要在预览地址之前拼接上 https://view.officeapps.live.com/op/view.aspx?src= .ofd 等类型文件，需

2024年02月09日
浏览(77)
Vue中使用pdf.js实现在线预览pdf文件流

以下是在Vue中使用pdf.js实现在线预览pdf文件流的步骤：在需要使用的组件中，使用以下代码引入pdf.js：使用pdf.js的 getDocument() 方法加载pdf文件流。可以将文件流作为Blob对象传递给该方法。例如，可以使用axios从服务器获取pdf文件流：在 loadPdf() 方法中，使用 getDocument() 方法

2024年02月09日
浏览(71)
文档在线预览（二）word、pdf文件转html以实现文档在线预览

@ 目录一、前言 1、aspose 2 、poi + pdfbox 3 spire 二、将文件转换成html字符串 1、将word文件转成html字符串 1.1 使用aspose 1.2 使用poi 1.3 使用spire 2、将pdf文件转成html字符串 2.1 使用aspose 2.2 使用 poi + pbfbox 2.3 使用spire 3、将excel文件转成html字符串 3.1 使用aspose 3.2 使用poi + pdfbox 3.3 使用

2024年02月06日
浏览(148)
文档在线预览（五）在服务器部署组件来实现在线预览

关于在线预览的实现方案除了之前说的转图片、html、pd以及利用前端组件以外方式，还有就是在服务器端引入一些开源或者商用的组件来实现在线预览的实现方案。通过这次的调研找到了kkfileview、OnlyOffice、office online server、Libre Office Online、Collabora Online等五种组件，接下来我

2024年02月10日
浏览(74)
前端vue3实现本地及在线文件预览（含pdf/txt/mp3/mp4/docx/xlsx/pptx）

（一）微软office免费预览（推荐）支持doc/docx/xls/xlsx/ppt/pptx等多种office文件格式的免费预览（二）XDOC文档预览云服务移动端和PC端无插件预览PDF、OFD、Word、WPS等多种格式文档本地或内网预览需要借助插件实现，pdf、mp3、mp4等主要靠原生标签或浏览器自带功能，尽量减少

2024年02月05日
浏览(74)
文档在线预览（四）将word、txt、ppt、excel、图片转成pdf来实现在线预览

@ 目录事前准备 1、需要的maven依赖添加spire依赖（商用，有免费版，但是存在页数和字数限制，不采用spire方式可不添加） 2、后面用到的工具类代码：一、word文件转pdf文件（支持doc、docx） 1、使用aspose方式 2、使用poi方式 3、使用spire方式二、txt文件转pdf文件三、PPT文件转

2024年02月08日
浏览(102)
vue-codemirror实现一个前端代码在线编辑器，可处理 HTML,VUE,JS,CSS代码在线编辑

先找个目录创建一个vue项目例如我们想要项目叫 editor 在终端执行 2和3其实都可以但个人建议最近还是2会更稳定一些在终端执行引入依赖包然后在项目src目录下创建 utils 文件夹里面创建一个setting.js 参考代码如下然后这边调用组件的代码因为项目也刚创我直接写 s

2024年02月15日
浏览(55)
前端如何实现 Word 在线预览

前端如何实现 Word 在线预览在前端实现 Word 文件在线预览时，常用的方法包括使用第三方库、浏览器插件、后端服务器、在线文档转换平台等，具体如下：使用第三方库常见的前端第三方库包括 Mammoth.js、Docx.js、jsreport-docx 等。这些库可以将 Word 文件转换成 HTML 格式，再将

2023年04月24日
浏览(65)
vue实战--vue+elementUI实现多文件上传+预览（word/PDF/图片/docx/doc/xlxs/txt）

最近在做vue2.0+element UI的项目中遇到了一个需求：需求是多个文件上传的同时实现文件的在线预览功能。需求图如下：看到这个需求的时候，小栗脑袋一炸。并不知道该如何下手，之前的实践项目中也并没有遇到相似的功能。因此也废了一番功夫想要实现这样一个

2024年01月23日
浏览(81)