vue中可以实现在线预览功能么。公司是内网连不了外网

爱喝奶茶~

已于 2022-11-23 15:22:44 修改

阅读量247

点赞数 1

分类专栏：在线阅读 vue 文章标签： elementui 前端框架 vue.js

于 2022-07-26 17:39:03 首次发布

本文链接：https://blog.csdn.net/weixin_40799309/article/details/125999787

版权

在线阅读同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

vue

2 篇文章 0 订阅

订阅专栏

最近有个功能是在线预览word功能。看了很多网上的例子大部分都是可以连外网的，但是公司只能内网，连不了外网，请问还有什么方法可以实现在线预览功能呢。前端用的vue + element，

效果如果下图

已经解决！非常感谢大牛！大牛网址vue 在线预览 word ，Excel，pdf，图片数据流内网文件流亲测有效（word 目前支持docx文件以及doc文件（doc需要后端处理））_勤能补拙(vue小白一枚)的博客-CSDN博客_vue在线预览doc文件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱喝奶茶~

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue中可以实现在线预览功能么。公司是内网连不了外网

vue,在线预览功能。
复制链接

扫一扫

专栏目录

vue项目实现github在线预览功能

08-27

Vue 项目实现 GitHub 在线预览功能本文主要介绍了 Vue 项目实现 GitHub 在线预览功能，通过解决两个问题，带领大家一起学习整个过程。问题 1：为什么页面显示为空白？当我们在命令行执行 `npm run build` 后，...

如何通过vue3和vite实现在线预览pdf功能，供大家学习研究参考

11-16

} function pageZoomIn() { if (state.scale > 0.8) { state.scale -= 0.1; } } onMounted(() => { pdfjsLib.GlobalWorkerOptions.workerSrc = "./pdf.worker.js"; const loadingTask = pdfjsLib.getDocument...

参与评论您还未登录，请先登录后发表或查看评论

Vue实现Word文档在线预览功能（内网、外网）！！！

热门推荐

qq_45225759的博客

08-01

1万+

Vue实现Word文档在线预览功能

vue3 + vite 在线预览docx, pdf, pptx（内外网）并实现移动端适配

当然是最帅气的茶茶丸了！哇耶~

05-23

7673

使用docx-preview安装插件引入依赖。

只有内网，前端vue能否实现在线阅读功能呢

weixin_40799309的博客

07-29

173

最近公司要实现在线阅读文档功能，应该是只是阅读word文档，但是查了一下，大部分都是能够访问外网的。公司只有内网，无法连外网，所以想请问帮忙想想还有什么办法能够实现。显示的样子类似于下图所示的样子，我用的vue，想问一下有什么好的插件之类的支持在线阅读么。没有做过这个功能，目前不知道有什么好的方法。...

vue+iview 内网预览(本文重点)+外网预览word、excel、pdf、ppt

不积跬步何以至千里

05-28

7502

访问内网文件思路如下: 1.后端将文件转为二进制文件流 word+excel将其转为html 从而实现文件预览 2.pdf没这么复杂具体可看下文 3.ppt的实现方式是后端将ppt转为pdf 然后调用pdf接口上众所期待的效果图: word excel pdf 一、预览公网上的文件(较为简单所以放第一) 1.预览公网能访问的文件使用XDOC就能实现 //file_url是你的文件地址 <a href="http://www.xdocin.com/xdoc?_func=to&_for

Vue预览word/pdf文件(内外网均可)

夜の雨的博客

11-28

5958

预览word文件实现方式有1 将文件放在前端静态文件中实现本地预览缺点:前端包臃肿多文件不适合2 将文件放在服务器指定目录下内外网均可预览。

vue项目前端做文件预览

m0_37755267的博客

04-08

3627

这里分两种网络情况来叙说：外网、内网 txt、pdf可被浏览器直接打开，就不说了，只要有浏览器两种网络情况都可打开【浏览器兼容性就不讨论了】一、外网环境借用网络上的在线工具，例如微软的在线预览功能“https://view.officeapps.live.com/op/view.aspx?src=”，src则是静态资源的地址。不多说，网上搜一搜二、内网环境 1、网络上提供很多开放的js插件，对应的文件如下 .doc、.docx docx-preview .pptx pptx

vue 2使用vue-office/iframe/PPTXjs 实现预览xls/xlsx/docx/pdf/pptx/txt

qq_39498157的博客

05-21

2125

vue 2使用iframe/vue-office/PPTXjs 实现预览xls/xlsx/docx/pdf/pptx/txt

SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能，Vue视频通话，web视频通话，webrtc视频通话

daiyi666的博客

09-07

1万+

SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能视频通话，Java，Spring Boot，WebRTC，PeerJs VUE视频通话 VUE3视频通话 Js视频通话 JavaScript视频通话 Web视频通话网页视频通话 WebRTC视频通话 WebSocket+WebRTC视频通话 SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能

基于若依前后端分离版（Springboot+Vue）的文件预览

qq_55896432的博客

04-06

9063

基于若依框架（springboot+vue）的文件预览

vue实现pdf文档在线预览功能

10-15

在Vue项目中实现PDF文档在线预览功能，主要依赖于`pdf.js`插件，它是一个JavaScript库，能够解析PDF文件并将其渲染到HTML5的Canvas元素上。下面我们将详细探讨如何在Vue环境中集成和使用`pdf.js`来实现这个功能。 ...

Vue+ElementUI使用vue-pdf实现预览功能

10-15

主要为大家详细介绍了Vue+ElementUI使用vue-pdf实现预览功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

vue2和el-input无法修改和写入，并且不报错

最新发布

呆萌小新@渊洁的博客

07-24

410

由于orginParams初始化为 originParams:{}.造成originParams被赋值时，属性均为动态型。虽然可以通过这种方式让父子数据交互，但可以发现，子组件的v-model接收对象，和props.row的交互逻辑异常麻烦。看过相关的很多内容，大部分集中在说需要添加$forceUpdate.而我根本不行。但我的业务中可以发现，进行了多层匿名子组件嵌套。上述内容中经测试，数据回显异常，程序不报错，无法显示输入变化，但是数据可以被正常修改。在我所在的业务场景中。业务中原本使用动态方式，

TreeSelect增加可筛选功能

qq_43048011的博客

07-24

858

应用到本地项目本地tree数据结构

【elementui】记录el-table设置左、右列固定时，加大滚动条宽度至使滚动条部分被固定列遮挡的解决方法

bbt953的博客

07-24

307

记录el-table设置左、右列固定时，加大滚动条宽度至使滚动条部分被固定列遮挡的解决方法

vue3——利用自定义指令实现下拉框分页懒加载

zmy967131的博客

07-24

366

vue3——利用自定义指令实现下拉框分页懒加载

el-table合计行更新问题

weixin_45580774的博客

07-24

462

说明：在使用el-table自带的底部合计功能时，初始界面不会显示合计内容。

vue中使用什么可以实现图片预览功能

04-29

在Vue中实现图片预览功能，可以使用一些第三方库，例如： 1. vue-preview：一个基于Vue.js的图片预览插件，支持图片缩放、滑动、旋转等操作。 2. vue-image-lightbox：一个基于Vue.js的轻量级图片预览插件，支持...