微信小程序PDF预览

Question

uni-app开发微信小程序通过web-view获取jsp生成的html 在获取jsp生成的htm中点击预览pdf文件，IOS 可以预览， Android不行,请问这有解决的办法吗

Answer 1

考虑兼容试下这个方法

openPDF() {
  switch (uni.getSystemInfoSync().platform) {
    case "android":
      console.log("安卓");
      // 这里直接调用原生的方法，我们上面定义的
      this.androidOpenPdf(this.contractUrl);
      break;
    case "ios":
      console.log("IOS");
      //这里跳转web-view页面
      uni.navigateTo({
        url: "./webView/webView?contractUrl=" + this.contractUrl,
      });
      break;
    default:
      this.androidOpenPdf(this.contractUrl);
      break;
  }
}
//这里的 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("打开文档成功");
        },
      });
    },
  });
}