小程序中打开pdf文件(wx.downloadFile+wx.openDocument)

这篇具有很好参考价值的文章主要介绍了小程序中打开pdf文件(wx.downloadFile+wx.openDocument)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

wx.downloadFile({}) 下载,然后 用 wx.openDocument({}) 打开文件

1、先请求到 pdf 路径网络地址,将 pdf 下载到本地

2、从本地文件上传到一个临时路径中,将本地文件删除

3、打开临时路径的文件

注意:需要在开发者管理中,配置一下downloadFile合法域名:

        微信公众平台-->开发管理-->开发设置-->downloadFile合法域名文章来源地址https://www.toymoban.com/news/detail-502171.html

openHandle() {
    let that = this;
    const fileExtName = ".pdf";
    const randfile = new Date().getTime() + fileExtName;
    const newPath = `${wx.env.USER_DATA_PATH}/${randfile}`;  // 定义一个临时路径
    that.deletContract();  // 将本地文件删除
    wx.downloadFile({
      url: "", // 网络文件的地址
      header: {
        "content-type": "application/pdf",
        Authorization: wx.getStorageSync("token"),
      },
      filePath: newPath,
      success: function (res) {
        const filePath = res.tempFilePath;
        wx.openDocument({
          filePath: newPath,
          showMenu: true,
          fileType: "pdf",
          success: function (res) {},
        });
      },
      fail: function (res) {
        wx.hideLoading();
      },
    });
  },
  // 删除本地文件
  deletContract() {
    try {
      let file = wx.getFileSystemManager();
      file.readdir({
        dirPath: `${wx.env.USER_DATA_PATH}`,
        success: (res) => {
          if (res.files.length > 2) {
            file.unlink({
              filePath: `${wx.env.USER_DATA_PATH}/${res.files[0]}`,
              complete: (res) => {},
            });
          }
        },
      });
    } catch (error) {}
  },

到了这里,关于小程序中打开pdf文件(wx.downloadFile+wx.openDocument)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序wx.downloadfile下载实现进度条

    js: .wxml

    2024年02月15日
    浏览(63)
  • uni.openDocument 微信小程序在苹果手机打开文档失败

    解决办法:         1,ios端需要传fileType参数                 uni.openDocument({                         filePath: \\\"文件路径\\\",                         fileType: \\\"docx\\\",                         success: res = {                             console.log(\\\'打开

    2024年02月09日
    浏览(38)
  • uniApp 使用uni.openDocument(object)预览pdf、excel、word等文件

    这里咱们直接用的uniapp官方提供的uni.downloadFile方法调用手机第三方能打开文件的工具,比如wps等(ps:这里实现的是APP文件预览)。 1.文件路径(url)必须是浏览器能直接访问的文件。比如:http://xx.cc.com/images/abc.xlsx 这种格式。 最开始我是用的后台给的接口 file/dowload?fileId=1

    2024年02月11日
    浏览(57)
  • 小程序如何打开预览文件 (pdf)

    小程序中要想预览查看pdf等各种文件,跟在pc、h5上是不一样的,pc、h5是可以直接打开odf的文件进行预览查看的,小程序需要先下载,再打开本地的pdf文件路径进行查看。 注: 1、在小程序开发后台downloadFile(合法域名)配置下载文件的域名,配置路径:后台–开发设置–服

    2024年02月12日
    浏览(43)
  • 微信小程序打开PDF文件

    在微信小程序内打开PDF文件真的要比在H5中简单得多得多,只需要结合wx.downloadFile和wx.openDocument这两个官方提供的api就可以了,打开的pdf还可以直接转发给朋友,相比H5真的太省事了。

    2024年02月01日
    浏览(62)
  • uniapp 小程序打开预览pdf文件

    微信公众平台 =》 开发管理 =》 开发设置 =》业务域名 注意:配置为业务域名后,可调用web-view组件在小程序中打开 注意:需要区分是安卓还是ios,ios可以直接使用webview打开pdf文件,安卓需要先下载再预览

    2024年02月11日
    浏览(41)
  • 微信小程序打开PDF、word等文件预览

            近期在使用uniapp开发微信小程序时,碰到了要在小程序上打开PDF文件预览的需求,使用原生微信小程序开发的实现和这个也是类似的。实现大致代码如下:         这里主要用到了两个API:uni.downloadFile( ) 和 uni.openDocument( ),这两个API的功能如下: uni.downloadFile( ):发

    2024年02月14日
    浏览(156)
  • 微信小程序在线打开base64形式的pdf文件

    微信小程序在线打开base64形式的pdf文件 流程: 后台返回base64形式的pdf文件的字符串,在微信小程序端打开 小程序中需要用到的几个方法(按顺序) wx.base64ToArrayBuffer(base64数据) //把base64数据转buffer wx.getFileSystemManager().writeFile //写文件 wx.openDocument //打开文件

    2024年02月16日
    浏览(39)
  • 微信小程序uni.downloadFile tempFilePath返回bin文件

    默认的 uni.downloadFile会返回tempFilePath,返回格式安卓为bin后缀。 如: 更改:

    2024年02月11日
    浏览(53)
  • uni-app 微信小程序 支付宝小程序(alipay) 百度小程序(baidu),预览pdf(链接和base64) 及下载(仅微信),window.open uni.downloadFile

    废话不多说直接上代码吧 之前搜了一大堆有的没的,最终还是小伙伴巴拉文档一起找到的方案(离不开小伙伴的帮助,自己总容易陷入死局,在此鸣谢 疾风李青!); 想起个事:一定要给这些路径的域名配到相应的开发管理上,其他平台不过多赘述了 首先是预览,由于我这

    2024年02月15日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包