更新记录
1.0.4(2024-06-01)
页面组件事件名称调整。
1.0.3(2024-05-23)
修改页面组件调用名称为pdf-reader
1.0.2(2024-05-20)
修复iOS事件参数问题。
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.0,Android:4.4,iOS:11,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
概述
XF-pdfReaderUTS封装了本地或者网络PDF预览功能。
模块调用
<pdf-reader ref="pdfReader" :hidden="hidden"
:style="{width:widthNum+'rpx',height:heightNum+'px',background:yanse}" @tap="onTap"
@pagechanged="onPageChanged" @pagecategory="onPageCategory">
</pdf-reader>
模块接口
openFile
打开指定的pdf文件
openFile(path : string)
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).openFile("/static/XF-appGray.pdf");
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].openFile("/static/XF-appGray.pdf");
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本
openFileByPage
打开指定的pdf文件
openFileByPage(path : string, defaultPage : number)
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).openFileByPage("/static/XF-appGray.pdf");
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].openFileByPage("/static/XF-appGray.pdf");
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本
openFileByPageAndDirection
打开指定的pdf文件
openFileByPageAndDirection(path : string, defaultPage : number, swipeHorizontal : boolean)
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).openFileByPageAndDirection("/static/XF-appGray.pdf");
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].openFileByPageAndDirection("/static/XF-appGray.pdf");
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本
openFilePassword
打开指定的pdf文件
openFilePassword(path : string, password : string)
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).openFilePassword("/static/XF-appGray.pdf");
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].openFilePassword("/static/XF-appGray.pdf");
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本
openFilePasswordByPage
打开指定的pdf文件
openFilePasswordByPage(path : string, password : string, defaultPage : number)
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).openFilePasswordByPage("/static/XF-appGray.pdf");
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].openFilePasswordByPage("/static/XF-appGray.pdf");
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本
openFilePasswordByPageAndDirection
打开指定的pdf文件
openFilePasswordByPageAndDirection(path : string, password : string, defaultPage : number, swipeHorizontal : boolean)
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).openFilePasswordByPageAndDirection("/static/XF-appGray.pdf");
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].openFilePasswordByPageAndDirection("/static/XF-appGray.pdf");
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本
getPageSize
获取PDF的总数页
getPageSize()
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).getPageSize();
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].getPageSize();
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本
getCategory
获取PDF的目录
getCategory()
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).getCategory();
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].getCategory();
// #endif
可用性
Android系统
可提供的1.0.0及更高版本
jumpTo
设置要跳转的页数
jumpTo(page : number)
示例代码
// #ifdef APP-ANDROID
import { PdfReaderElement } from 'uts.sdk.modules.XFPdfReaderUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["pdfReader"] as PdfReaderElement).jumpTo(1);
// #endif
// #ifdef APP-IOS
this.$refs["pdfReader"].jumpTo(1);
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本