更新记录

1.0.0(2026-06-17) 下载此版本

首次发布PDF预览


平台兼容性

uni-app(3.7.12)

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

1、创建一个webview标签

<web-view :src="url"></web-view>

2、引入static中的html文件

const viewerUrl = '/static/html/web/viewer.html' //用来渲染PDF的html

3、用来html渲染的PDF,实现PDF的预览功能

    const viewerUrl = '/static/html/web/viewer.html' //用来渲染PDF的html
    const fileUrl = '/static/html/web/compressed.tracemonkey-pldi-09.pdf' //pdfjs自带的默认PDF
    const url = ref(viewerUrl + '?file=' + plus.io.convertLocalFileSystemURL(fileUrl))

</script>

注意html需要和flie的文件地址保持一致【web-view--src需要保持一致】。 如:服务器配置插件地址为:https://www.zf.com/DeerLin。文件名为pdf.pdf,文件地址为:http://www.zf.com/pdf.pdf

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。