uniapp预览pdf

要在微信小程序中使用uni-app来预览PDF文件，可以根据不同的手机平台选择不同的方法。首先，对于Android手机，可以使用原生的方法来实现预览。可以调用`uni.downloadFile`方法下载PDF文件，然后使用`uni.openDocument`方法打开该文件。这样可以在Android手机上正常打开PDF文件。示例代码如下：

androidOpenPdf(url) {
  uni.downloadFile({
    url: url,
    success: function (res) {
      var filePath = res.tempFilePath;
      uni.openDocument({
        filePath: filePath,
        success: function (res) {
          console.log("打开文档成功");
        },
      });
    },
  });
}

而对于iOS手机，则可以使用`<web-view>`标签来实现预览。在`<web-view>`标签的`src`属性中传入PDF文件的链接即可。这样可以在iOS手机上正常打开PDF文件。示例代码如下：

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

data() {
  return {
    webUrl: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7da443bc-353a-4224-ab27-b98917aa6c66/89d1d612-734a-4219-9110-0b21fb004d5f.pdf'
  }
}

根据不同的平台来选择不同的方法，可以通过`uni.getSystemInfoSync().platform`来获取当前手机平台，然后使用`switch`语句来判断平台并执行相应的预览方法。示例代码如下：

openPDF() {
  switch (uni.getSystemInfoSync().platform) {
    case "android":
      console.log("安卓");
      this.androidOpenPdf(this.contractUrl);
      break;
    case "ios":
      console.log("IOS");
      uni.navigateTo({
        url: "./webView/webView?contractUrl=" + this.contractUrl,
      });
      break;
    default:
      this.androidOpenPdf(this.contractUrl);
      break;
  }
}

综上所述，根据不同的手机平台，可以选择使用原生方法或web-view来预览PDF文件。这样就可以在微信小程序中使用uni-app来实现预览PDF文件的功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>