uniapp移动端H5预览文件实现分为两个场景处理:
(这里以预览PDF文件为示例,在线预览就是查看网络文件)
1. IOS客户端预览PDF文件
IOS客户端预览PDF文件可以通过跳转文件地址实现预览,因为苹果手机的浏览器自带阅读器
2. 安卓客户端预览PDF文件
安卓客户端需要在源码添加一个插件来实现文件在线预览。
添加插件步骤,下载插件,放导static目录下。
如图所示:
下面是实现示例代码:
<view class="card p_r" @click="openFile('https://oss.xxx.com.cn/abc.pdf')">
预览PDF文件
</view>
openFile(url) {
switch (uni.getSystemInfoSync().platform)