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

方案一、使用微信小程序官方提供的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))
      }
    })
相关推荐
JAVA叶知秋5 小时前
uniapp自定义底部导航栏h5有效果小程序无效的解决方案
小程序·uni-app
沙尘暴炒饭16 小时前
用uniapp在微信小程序实现画板(电子签名)功能,使用canvas实现功能
微信小程序·小程序·uni-app
PyAIGCMaster20 小时前
Taro 编译不平不同平台小程序
小程序
fakaifa1 天前
【开源版】likeshop上门家政系统PHP版全开源+uniapp前端
小程序·uni-app·php·家政小程序源码·家政服务小程序·源码下载·上门家政
说私域1 天前
基于定制开发开源AI智能名片S2B2C商城小程序的公私域流量融合运营策略研究
人工智能·小程序·开源·零售
阿諪諪1 天前
uniapp小程序中实现无缝衔接滚动效果
小程序·uni-app
爱分享的程序员2 天前
小程序多线程实战
微信小程序
AALoveTouch2 天前
霸王茶姬微信小程序自动化签到系统完整实现&解析
微信小程序·自动化·notepad++
我是小伍同学2 天前
基于卷积神经网络和Pyqt5的猫狗识别小程序
人工智能·python·神经网络·qt·小程序·cnn
GalenWu2 天前
对象转换为 JSON 字符串(或反向解析)
前端·javascript·微信小程序·json