微信小程序实现文章内容详情

方案一、使用微信小程序官方提供的webview

前提已经在微信公众平台开发管理配置好了安全域名即:

方案二、把网页转成pdf直接展示

前提已经在微信公众平台开发管理配置好了安全域名即:

实现思路是发起网络请求拿到pdf下载地址,然后wx.downloadFile下载文件,最后调用微信小程序官网提供的wx.openDocument打开文件。

复制代码
wx.downloadFile({
      url: pathUrl,//可以是后台传过来的路径
      filePath: wx.env.USER_DATA_PATH + '/' + file, // 本地,
      success: function (res) {
        let filePath = res.filePath;
        // console.log("下载文件成功==" + JSON.stringify(res.data))
        wx.openDocument({
          filePath: filePath,
          showMenu: false,
          success: function (res) {
            //成功
            // console.log("打开文件成功==" + JSON.stringify(res))
          },
          fail: function (res) {
            // console.log("打开文件失败==" + JSON.stringify(res))
          }
        })
      },
      fail: function (res) {
        // console.log("下载文件失败==" + JSON.stringify(res.data))
      }
    })
相关推荐
文慧的科技江湖1 天前
OCPP 1.6 与 2.0.1 核心消息差异对照表 - 慧知开源充电桩平台
小程序·开源·ocpp协议·慧知开源充电桩平台
Greg_Zhong1 天前
微信小程序中便捷实现自定义底部tab栏
微信小程序·自定义底部tab
LXXgalaxy1 天前
微信小程序“记住密码”功能的实现与落地 vue3+ts的细致解析
微信小程序·小程序·notepad++
Greg_Zhong1 天前
微信小程序中使用【免费商用】字体的下载和初步认识和使用
微信小程序·阿里巴巴、站酷·腾讯云对象存储(cos)
克里斯蒂亚诺更新1 天前
微信小程序 腾讯地图 点聚合 简单示例
微信小程序·小程序·notepad++
Geek_Vision1 天前
鸿蒙原生APP接入小程序运行能力:数字园区场景实战复盘
微信小程序·harmonyos
CRMEB系统商城1 天前
国内开源电商系统的格局与演变——一个务实的技术视角
java·大数据·开发语言·小程序·开源·php
2501_916007471 天前
iOS逆向工程:详细解析ptrace反调试机制的破解方法与实战步骤
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张1 天前
前端可视化大屏制作全指南:需求分析、技术选型与性能优化
前端·ios·性能优化·小程序·uni-app·iphone·需求分析
January12071 天前
Taro3 + Vue3 小程序文件上传组件,支持 PDF/PPTX 跨端使用
小程序