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

2024-06-08 10:26:51

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

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

PDF预览下载

在网上看到有大多数人都在用vue-pdf实现预览，我也试用了一下，发现官方例子点简单，网上各种大佬的帖子也很多了，所以就不重复了。
这个还是用最原始的才是最简单的，A标签直接下载预览，但是需要注意的就是，pdf的文件放在了public目录下，在写的时候指向文件

word预览下载

word的下载依然使用了A标签直接下载
预览的话，A标签是不支持的，所以找了一个插件kkFileView，简直好用！！！
提供一下他们家的地址~~
官网：https://kkfileview.keking.cn/zh-cn/index.html
码云：https://gitee.com/kekingcn/file-online-preview
github：https://github.com/kekingcn/kkFileView
dockerhub：https://hub.docker.com/r/keking/kkfileview

这个是需要运维童鞋帮忙配置部署环境的

官网上的例子是

配置好之后会发给你一个链接，然后我们接入就可以了
替换例子中的http://127.0.0.1:8012就可以了！

纯属记录一下，如有错误，请指正~

vue 在线预览、下载word、pdf文件相关推荐

pdf.js —— 在线预览下载打印pdf文件插件，实现的两种方式
ViewerJS简介 ViewerJS的繁重工作是由这些令人敬畏的项目完成的: PDF.js(由Mozilla提供) WebODF(由KO GmbH提供) 运行ViewerJS就像创建链接一样简单.您 ...
pdf.js——在线预览下载打印pdf文件插件
html页面使用下载PDF.js, http://mozilla.github.io/pdf.js/getting_started/#download 将 pdfjs 文件夹放到项目static ...
实现pdf文件在线预览（需要PDF文件的路径）
工作中需要完成一个PDF在线预览的功能,最简单的方法还是使用pdf的插件. 1.首先下载插件链接:https://pan.baidu.com/s/1q4zuHrmjJL9QSEn2Iy5O9Q 提取 ...
vue实战--vue+elementUI实现多文件上传+预览（word/PDF/图片/docx/doc/xlxs/txt）
需求最近在做vue2.0+element UI的项目中遇到了一个需求:需求是多个文件上传的同时实现文件的在线预览功能.需求图如下: 看到这个需求的时候,小栗脑袋一炸.并不知道该如何下手,之前的实践项 ...
钉钉小程序上传预览下载word，pdf文档等一系列问题
钉钉小程序上传预览下载word,pdf文档等一系列问题小程序"用完即走"的理念使得有着很好的发展市场,不仅微信小程序,支付宝,钉钉小程序等都受用户的喜爱. 刚接触了一个企业内部应 ...
Java如何实现文档在线预览+下载
Java如何实现文档在线预览+下载看了好多转换预览的,但是感觉都比较麻烦,所以自己就简单写了个. FileController接收需要预览的文件,替换filePath,如果是要在linux环境下运行 ...
java实现在线预览txt转pdf
java实现在线预览txt转pdf 首先引入itext的jar包 <dependency><groupId>com.itextpdf</groupId><ar ...
java实现文件下载，批量下载，文件在线预览，word转pdf，excel转pdf
pdf,excel转word所需jar包网盘链接提取码:4gmw 目录 1.在resources下新建license.xml 2.文件转换工具类 3.文件下载 4.批量下载 5.在线打开文件 ...
vue 在线预览PDF
一.如果是本地文件,则直接运行下面的代码就可以了 window.open(url,"_blank") 二.使用vue-pdf vue 使用 vue-pdf 实现pdf在线预览报错 ...

最新文章

热门文章