微信小程序pdf预览

1.示例图

2.代码

fileId:要预览的pdf文件的id

复制代码
 viewsFiles(fileId) {
    wx.showLoading({
      title: '加载中...'
    });
    var params = {
      url: "/common/getFile/" + fileId ,//后端提供的接口
      method: "GET",
      responseType: "arraybuffer",
      callBack: (res) => {
        console.log(res)
        const fs = wx.getFileSystemManager(); //获取全局唯一的文件管理器
        fs.writeFile({
          // 写文件
          filePath: wx.env.USER_DATA_PATH + "/" + '文件名.pdf', // wx.env.USER_DATA_PATH 指定临时文件存入的路径,后面字符串自定义
          data: res,
          encoding: "binary", //二进制流文件必须是 binary
          success(res) {
            wx.openDocument({
              // 新开页面打开文档
              filePath: wx.env.USER_DATA_PATH + "/" + '文件名.pdf', //拿上面存入的文件路径
              showMenu: true, // 是否显示右上角菜单(3个点)
              success: function (res) {
                setTimeout(() => {
                  wx.hideLoading();
                }, 500);
              },
            });
          },
        });
      }
    }
    http.request(params)
  },

console.log(res) 打印的内容:

后端接口返回的内容样式:

相关推荐
狂团商城小师妹1 小时前
经销商订货管理系统小程序PHP+uniapp
微信·微信小程序·小程序·uni-app·php·微信公众平台
开开心心就好2 小时前
自定义屏幕显示方向的实用软件
java·服务器·python·eclipse·pdf·word·excel
zhou周大哥5 小时前
word,ppt,pdf 转图片
pdf·word·powerpoint
ckx666666cky6 小时前
支付宝关键词排名优化策略:提升小程序曝光的关键
大数据·搜索引擎·小程序·支付宝小程序·支付宝关键词排名优化·支付宝排名优化
_oP_i7 小时前
小程序中过滤苹果设备中的表情(即 emoji)
小程序
然后就去远行吧7 小时前
小程序API —— 56页面处理函数 - 下拉刷新
小程序
一路向北North10 小时前
java对pdf文件分页拆分
java·开发语言·pdf
IDRSolutions_CN10 小时前
如何用Java拆分PDF文件(教程)
java·经验分享·pdf·软件工程·团队开发
ALLSectorSorft11 小时前
打车APP订单系统逻辑梳理与实现
小程序·订单系统·打车app
低代码布道师14 小时前
加油站小程序实战教程01首页搭建
低代码·小程序