微信小程序在线预览PDF格式文件

最新推荐文章于 2025-07-18 14:19:48 发布

原创

最新推荐文章于 2025-07-18 14:19:48 发布 · 6.4k 阅读

25 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文介绍了一种在iOS和Android平台上使用同一套代码实现PDF文件预览的方法。通过简单的参数传递调整，即可在不同平台上无缝展示PDF内容，无需额外下载操作。

当初开发这个功能时，网上一堆说苹果和安卓平台不一样，代码不一样，亲测一套代码安卓和苹果都可以打开预览，完全没问题，安卓也没有提示下载，改改传参直接用

wxml
<web-view src="{
  
  {reportUrl}}" wx:if="{
  
  {reportShow}}"></web-view>
<view wx:else></view>

js
const app = getApp()
Page({
  data: {
    reportUrl: null,
    reportShow: false
  },
  onLoad: function (options) {
    wx.showLoading({
      title: '报告加载中',
    })
    var that = this
    var params = options.params;
    var id = options.pgxTestBasicId;
    that.setData({
      reportUrl: params + '?pgxTestBasicId=' + id
    })
    that.setData({
      reportShow: false
    })
    wx.downloadFile({
      url: that.data.reportUrl,
      header: {
        "sessionKey": app.globalData.sessionKey
      },
      success: function (res) {
        var Path = res.tempFilePath
        wx.openDocument({
          filePath: Path,
          fileType: "pdf",
          success: function (res) {
            wx.hideLoading()
          }
        })
        setTimeout(