微信小程序打开PDF、word等文件预览

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

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

// 下载文件到本地,下载成功后会返回临时文件路径
uni.downloadFile({
    url: "文件地址",
    success: function (res) {
        let filePath = res.tempFilePath;   // 下载成功后返回的临时文件路径

        // 打开临时文件
        uni.openDocument({
            filePath: filePath,
            showMenu: true,
            success: function (res) {
                console.log('打开文档成功');
            }
        });
    },
    fail: (err) => {
        // 处理下载失败的情况
    }
});

        这里主要用到了两个API:uni.downloadFile( ) 和 uni.openDocument( ),这两个API的功能如下:文章来源地址https://www.toymoban.com/news/detail-629519.html

  1. uni.downloadFile( ):发起请求,将资源下载到本地,请求成功后返回文件的本地临时路径,临时路径仅在本次启动期间可用,若需持久保存,需在主动调用 uni.saveFile ,才能在应用下次启动时访问得到,在微信小程序上使用,需要配置白名单。官网API使用文档:uni.uploadFile(OBJECT) | uni-app官网
  2. uni.openDocument( ):新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx。官网API使用文档:uni.saveFile(OBJECT) @savefile | uni-app官网

到了这里,关于微信小程序打开PDF、word等文件预览的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • springboot+微信小程序实现文件上传下载(预览)pdf文件

    实现思路: 选择文件 wx.chooseMessageFile ,官方文档: https://developers.weixin.qq.com/miniprogram/d e v/api/media/image/wx.chooseMessageFile.html 上传文件 `wx,uploadFile` , 官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html 查看所有上传的pdf文件,显示在页面上 点击pdf文件

    2024年02月08日
    浏览(31)
  • uniapp微信小程序 图片&文件上传并且支持图片和文件预览(pdf等文件预览)巨细教学!

    首先呢,小程序打开pdf等文件有下面几种办法: 用微信自带的wx.downloadFile() + wx.openDocument() 使用web-view,uni-app中webview可以直接加载pdf文件 可以使用网上说的pdf.js去实现(我没有用到这个,就不介绍了) 网上查到很多资料显示安卓是可以通过上面第一种办法,但是ios用第一个

    2024年02月04日
    浏览(31)
  • element ui vue 附件预览组件、可预览图片、excel 、pdf.word等文件(浏览器打开文件的方式)

    目录 1.组件源码  2.html 代码 3.组件源码  此组件就是一个单纯的预览图片、浏览器打开文件的形式简单的组合了下而成的,word、excel是直接下载、pdf浏览器打开的形式,如果想本地打开直接预览的话就直接不用看了。word、excel、pdf 的图片是我放到服务器上的图片地址。 1.组

    2024年02月11日
    浏览(34)
  • 微信小程序查看word,excel,ppt以及pdf文件(文档)

     博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

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

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

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

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

    2024年02月12日
    浏览(17)
  • uniapp实现h5、app、微信小程序三端pdf文件下载和预览

    以下代码兼容三端,app,h5,微信小程序,经过个人测试 手机端有两种方法,使用renderjs或者uniapp的api 两者的区别 使用renderjs的写法,会提示用户是否下载文件,下载完成后用户需要手动点击下载的文件,才会打开文件 使用uniapp的api则可以直接下载并直接预览,不需要用户操

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

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

    2024年02月11日
    浏览(19)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包