跨平台OFD、PDF文档预览UTS插件

ops/2024/11/1 12:50:10/

〇、介绍

Seal-OfdReader是跨平台OFD文档预览原生插件,具有以下特点:

  • 支持UniApp项目集成,也支持原生Android项目集成

  • 非腾讯X5,无内核加载,高效率、稳定高可用

  • 支持在线文档,也支持离线设备本地文档

  • 支持Android和IOS

  • 支持全屏预览,也支持组件嵌入方式预览

  • 支持顶部状态栏自定义菜单功能按钮

  • 支持水印防截屏自定义状态栏自定义菜单功能按钮等诸多可选配置

  • 支持国产OFD以及PDF文档格式

作者其他插件,欢迎使用:

1、文档预览原生Android项目离线集成,Demo工程及README文档地址: Seal-Office-Android-Demo
2、跨平台Office文档预览原生插件【非X5离线、组件嵌入、水印、WPS预览编辑】,插件地址:Seal-OfficeOnline
3、跨平台系统接口:获取静音模式、免打扰状态、音量等UTS插件,插件地址:seal-system-api-uts
4、Android和IOS图片预览,音视频播放原生插件【非腾讯X5,无内核加载】,插件地址:Seal-ImageVideo
5、跨平台Android和IOS百度OCR文字识别、证卡识别、票据识别原生插件,插件地址:Seal-OCR
6、跨平台Android和IOS百度语音在线识别原生插件,插件地址:Seal-VoiceASR

各位同学,对于插件使用还有疑问的,可以加QQ群(170683293)咨询,也可以扫下面二维码添加WX或者添加QQ(2480621579)。

一、快速上手

插件名称:seal-ofd-reader-api-uts

Step1. 点击右上角【使用HBuilderX导入示例项目】

Step2. 打开manifest.json文件,重新获取AppID

Step3. 制作自定义调试基座

点击“运行-》运行到手机或模拟器-》制作自定义调试基座”

Step4. 运行调试

连接真机,点击“运行-》运行到手机或模拟器-》运行到Android App(或iOS App)基座-》选择‘使用自定义基座运行’”

二、插件接口

  • openFile方法:支持Android和IOS,预览OFD、PDF格式文档,IOS端不支持PDF。

三、使用方法

openFIle文档预览(离线、在线)

参数参考章节《三、openFile接口参数说明》

支持平台:Android、IOS

支持OFD,PDF,注意:IOS不支持PDF

index.uvue

uni.showLoading({title: '正在下载文件,请稍后~'
});
uni.downloadFile({url: 'http://silianpan.cn/upload/2022/01/01/1.ofd',success: res => {if (res.statusCode === 200) {// 直接传递本地文件地址// 传递本地文件绝对路径,res.tempFilePath的前缀是_doc,而实际目录为doc,没有下划线_,所以要substr取子串// const url = '/storage/sdcard0/Android/data/APP包名/apps/APPID/' + res.tempFilePath.substr(1)// 可以通过以下方式获取文件绝对路径uni.saveFile({// 需要保存文件的临时路径tempFilePath: res.tempFilePath,success: resSave => {uni.hideLoading();const savedFilePath = resSave.savedFilePath;// 转换为绝对路径const fileLocalPath = plus.io.convertLocalFileSystemURL(savedFilePath);console.log('tempFilePath', res.tempFilePath);console.log('savedFilePath', savedFilePath);console.log('fileLocalPath', fileLocalPath);// 预览本地文件openFile({filePath: fileLocalPath,title: 'OFD/PDF文档在线预览',topBarBgColor: '#3394EC',waterMarkText: '你好,世界\n准备好了吗?时刻准备着',} as OpenFileParams)}});}}
});

index.vue

uni.showLoading({title: '正在下载文件,请稍后~'
});
uni.downloadFile({url: 'http://silianpan.cn/upload/2022/01/01/1.ofd',success: res => {if (res.statusCode === 200) {// 直接传递本地文件地址// 传递本地文件绝对路径,res.tempFilePath的前缀是_doc,而实际目录为doc,没有下划线_,所以要substr取子串// const url = '/storage/sdcard0/Android/data/APP包名/apps/APPID/' + res.tempFilePath.substr(1)// 可以通过以下方式获取文件绝对路径uni.saveFile({// 需要保存文件的临时路径tempFilePath: res.tempFilePath,success: resSave => {uni.hideLoading();const savedFilePath = resSave.savedFilePath;// 转换为绝对路径const fileLocalPath = plus.io.convertLocalFileSystemURL(savedFilePath);console.log('tempFilePath', res.tempFilePath);console.log('savedFilePath', savedFilePath);console.log('fileLocalPath', fileLocalPath);// 预览本地文件openFile({filePath: fileLocalPath,title: 'OFD/PDF文档在线预览',topBarBgColor: '#3394EC',waterMarkText: '你好,世界\n准备好了吗?时刻准备着',})}});}}
});

四、openFile接口参数说明

支持打开在线文档,本地文档

支持平台:Android、IOS

参数名说明类型是否必填默认值可选值
filePath本地文件路径,如:/data/user/0/APP包名/files/1.ofdstring
docDownloadTitle文档加载进度框标题,IOS端无此配置string加载文档
waterMarkText水印文本,默认以**\n**作为分隔符换行stringnull
waterMarkTextSep水印文本分隔符,注意:IOS端只支持\n换行string\n
waterMarkFontSize水印字体大小,单位为sp
使用sp作为字体大小单位,会随着系统的字体大小改变
int13
waterMarkFontColor水印字体颜色string#40F3F5F9
waterMarkDegree水印旋转角度,IOS端无此配置string-30(逆时针30度)
isTopBar是否显示顶栏,IOS端无此配置booltruefalse
title顶栏标题,isTopBar为true时有效stringAPP名称
topBarHeight顶栏自定义高度,isTopBar为true时有效,类型为正整数,IOS端无此配置intactionBarSize
topBarBgColor顶栏背景颜色,isTopBar为true时有效string#3394EC(科技蓝)
topBarTextColor顶栏文本颜色(isTopBar为true时有效)string#FFFFFF(白色)
topBarTextLength顶栏标题文字长度(isTopBar为true时有效),IOS端无此配置int12
isBackArrow是否显示返回按钮(isTopBar为true时有效),IOS端无此配置booltruefalse

五、预览效果

Android

  • 预览ofd

  • 嵌入预览

  • 预览pdf

IOS

  • 预览ofd

  • 嵌入预览


http://www.ppmy.cn/ops/130140.html

相关文章

Spring Boot技术在校园社团管理中的高效应用

3系统分析 3.1可行性分析 通过对本校园社团信息管理系统实行的目的初步调查和分析,提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性 本校园社团信息管理系统采用SSM框架,JAVA作…

SQL实战训练之,力扣:1843. 可疑银行账户

目录 一、力扣原题链接 二、题目描述 三、建表语句 四、题目分析 五、SQL解答 六、最终答案 七、验证 八、知识点 一、力扣原题链接 1843. 可疑银行账户 二、题目描述 表: Accounts ---------------------- | Column Name | Type | ---------------------- | acco…

工作笔记【六】

任务1.对数据表进行CRUD操作 第一个任务首先是最基本的CRUD操作,很简单,直接放代码 package com.example.demo.demos.web.pojo;import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor;Data NoArgsConstructor AllAr…

Ubuntu-22.04 虚拟机安装

1. Ubuntu安装方式 1.1. 基于物理介质安装 光盘安装:通过将 Ubuntu 镜像刻录到光盘,在计算机 BIOS/UEFI 中设置光盘为第一启动项,然后按照安装程序的提示进行语言选择、分区、用户信息设置等操作来完成安装。这种方式需要有光盘刻录设备和空…

vscode | 开发神器vscode快捷键删除和恢复

目录 快捷键不好使了删除快捷键恢复删除的快捷键 在vscode使用的过程中,随着我们自身需求的不断变化,安装的插件将会持续增长,那么随之而来的就会带来一个问题:插件的快捷键重复。快捷键重复导致的问题就是快捷键不好使了&#xf…

QT国际化,语言翻译

文章目录 1.lupdate更新翻译2.生成*.ts文件3.翻译4.lrelease发布翻译5.在程序中使用翻译文件6.运行 1.lupdate更新翻译 lupdate就是用于扫描pro文件中指定的代码或UI文件中被tr包装起来的文本。 lupdate的使用 lupdate的使用可以使用lupdate --help来查看。 粗略的说一下这个…

ISAAC-SIM跨机器复现

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 基础环境安装下载 Omniverse安装 Isaac Sim方法一:方法二: NUCLEUS 配置 代码运行Python Env问题解决问题1 基础环境安装 下载 Omniverse …

Idea常用插件

1、RestfulTool 接口路径->方法 快捷键 ctrlalt/ 2、TONGYI Lingma 3、MyBatisCodeHelperPro Mapper.java<->Mapper.xml 4、Mybatis Log Plus