UniApp开发安卓应用实现PDF预览功能_uniapp pdf查看

一、uniapp官方提供的方法

web-view这个方法将后端返回的链接放在这里面，但是APP不可以预览 他会提示你让你下载这个pdf ，所以有两种方法可以实现预览的功能

1.利用手机自带的预览pdf的软件来打开

代码如下（示例）

//这里的 url 就是pdf文件的路径，直接调用此方法就可以打开pdf文件
androidOpenPdf(url) {
  uni.downloadFile({
    url: url,
    success: function (res) {
      var filePath = res.tempFilePath;
      uni.openDocument({
        filePath: filePath,
        success: function (res) {
          console.log("打开文档成功");
        },
      });
    },
  });
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

2.就是在app内部打开

这个我们要利用一个网址来进行展示

 https://previewpdf.mumudev.top/?file=${pdf}
1

将请求回来获得到的pdf网址写入去这个网址里面转一下在赋值回去就OK了

const pdf = "这里是你的pdf链接"
const url = `https://previewpdf.mumudev.top/?file=${pdf}`
1
2

最后将转好后的变量写入src即可

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