更新记录

1.0.0(2023-03-17) 下载此版本

初次上传


平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

概述

免费、无时间限制,支持二次开发的pdf、word、excel、ppt、文档移动端预览方案.

使用

方案采用点击预览文件,跳转到文件预览页面,文件预览页面调用文件预览组实现文件预览。

  • 1、复制component里面的PreviewFile到自己项目组件
  • 2、复制hybid到根目录(pdf预览使用)
  • 3、复制page的common到自己page
  • 4、在pages.json里面配置 { "path": "pages/common/fileView", "style": { "enablePullDownRefresh": false, "app-plus": { "subNVues": [ { "id": "subNvueFileBtn", "path": "pages/common/file_btn", "style": { "position": "position", "width": "100%", "top": "0px", "left": "0px", "background": "transparent", "zindex": "99999999" } } ] } } }

相关插件

1、pdf预览

pdf.js插件集成、关闭了缓存(导致同名文件一直在同一页) 注释掉了localStorage.setItem("pdfjs.history", databaseStr);

2、office预览

采用office在线预览连接 https://view.officeapps.live.com/op/embed.aspx

注意事项

  • 1、演示文件可能存在失效情况 如果演示案例文件打不开请把index里面的文件地址换成自己的

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
235***@qq.com

2024-10-15

看了下代码,不知道是不是没更新了,不全。里面的组件是mumu-previewOffce,这是二次开发吧,可惜那个插件停止服务了

235***@qq.com 2024-10-15

https://ext.dcloud.net.cn/plugin?id=8329

Psdt_ 2025-01-23

office访问底层调用的微软`https://view.officeapps.live.com/op/view.aspx?src=文件地址,这个预览有地址限制 文件地址需要满足一下要求: (1)在浏览器是可以访问的; (2)需域名访问,IP无效; (3)访问端口为80。

我瞅瞅

2024-03-28

https://chatcosmo.cosmoplat.com/minio/after-sales/9.%E7%8E%AF%E4%BF%9D%E5%88%B6%E5%86%B7%E5%89%82%E7%A9%BA%E8%B0%83%E5%99%A8%E5%AE%89%E8%A3%85%E7%BB%B4%E4%BF%AE%E5%B7%A5%E8%89%BA%E6%93%8D%E4%BD%9C%E6%89%8B%E5%86%8C.docx 这是我们线上文件地址。替换后打不开

我瞅瞅 2024-07-24

请问问题解决了吗?我也是这种情况

Psdt_ 2025-01-23

office访问底层调用的微软`https://view.officeapps.live.com/op/view.aspx?src=文件地址,这个预览有地址限制 文件地址需要满足一下要求: (1)在浏览器是可以访问的; (2)需域名访问,IP无效; (3)访问端口为80。

说起也搞笑

2023-10-26

你好作者2 有两个问题 1、可以查看txt文件吗? 2、点下载没有反应

Psdt_ 2023-10-26

不能,txt文件预览应该网上百度一下自己集成进去就可以解决吧。

说起也搞笑 2023-10-26

下载没有反应 是什么问题呢

Psdt_ 2023-10-26

你找到preview-file.vue文件 看看下载方法,没啥特别的,都是现成东西。我只不过写了个demo而已,你把demo文件大概翻翻就完事能找到问题

说起也搞笑 2023-10-26

好的 感谢

查看更多
439***@qq.com

2023-10-01

下载示例项目,点击每个按钮都是空白页面,拷贝链接在浏览器地址栏可以打开PDF文件或下载WORD文件,说明链接是有效的,程序不能将文件内容显示在页面上。

Psdt_ 2023-10-26

这是一个完整app项目,需要真机调试

122***@qq.com

2023-08-02

我的点击按钮打开pdf为什么显示空白页面,路径是对的

Psdt_ 2023-08-02

是本地文件吗 可以加微信沟通 不知道具体问题 也没法给出确定结论

she***@163.com

2023-05-11

office不能放大,缩小,能处理吗

Psdt_ 2023-05-29

office用的微软在线预览api,要缩放只能自己去控制webview实现了

liubb

2023-05-06

跨域怎么处理啊

Psdt_ 2023-05-29

我当时是跑的真机app 所以没跨域 你是H5?

181***@qq.com

2023-04-23

示例项目,跑起来后pdf.js跨域啊,怎么处理

864***@qq.com

2023-04-11

demo很好,就是不知道复制哪部分放到自己项目里面呢?那个hybrid文件夹怎么放到自己项目并起作用呢?

Psdt_ 2023-04-12

component page里面的common 以及page.json配置

developer123

2023-03-26

无法导入插件,能够提供下使用介绍

Psdt_ 2023-03-27

直接按照案例复制过去就可以了

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问