小程序如何打开预览文件 (pdf)

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

小程序中要想预览查看pdf等各种文件,跟在pc、h5上是不一样的,pc、h5是可以直接打开odf的文件进行预览查看的,小程序需要先下载,再打开本地的pdf文件路径进行查看。

一共用到两个API : wx.downloadFile(下载)、wx.openDocument(打开)

	let downloadTask = wx.downloadFile({//下载对应文件
        url: url, // 下载文件网络地址
        success: function (res) {
            var filePath = res.tempFilePath;//本地文件路径    
            wx.openDocument({
                filePath: filePath,   // 装载对应文件的路径
                // fileType: type,   // 指定打开的文件类型 我写的固定类型 也可根据文件的后缀动态设置
                showMenu: true,       // 右上角的菜单转发分享操作
                success: function (res) {
                    console.log('打开成功');
                },
                fail: function (err) {
                    console.log('打开失败:', err);
                }
            })
        }
    })
  downloadTask.onProgressUpdate((res) => {
       console.log('下载进度', res.progress)
   })

注:
1、在小程序开发后台downloadFile(合法域名)配置下载文件的域名,配置路径:后台–>开发设置–>服务器域名–>downloadFile合法域名
2、downloadTask中可以获取到文件下载百分比进度。有些小程序支持,有些不支持,例如支付宝,在文档中并没有发现类似的API
文章来源地址https://www.toymoban.com/news/detail-526680.html

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

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

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

相关文章

  • 前端如何预览pdf文件流

    通过查找资料,可以找到如下几种方案,其中最为成熟的方案是vue-pdf 1. iframe 既可以用来浏览本地static下的文档,也可以预览后端返回的文件流文档 2. vue-pdf 较为完善的vue预览pdf的方案 3. vueshowpdf 网络上找到的一个他人封装的pdf组件 优点 缺点 原理 iframe/object/embed 简单易用

    2024年02月17日
    浏览(33)
  • uniapp PDF文件预览/打开

    在微信小程序环境下需要配置pdf域名

    2024年01月19日
    浏览(35)
  • 【Vue】vue2使用pdfjs预览pdf文件,在线预览方式一,pdfjs文件包打开新窗口预览pdf文件

    【Vue】vue2预览显示quill富文本内容,vue-quill-editor回显页面,v-html回显富文本内容 【Vue】vue2项目使用swiper轮播图2023年8月21日实战保姆级教程 【Vue】vue2使用pdfjs预览pdf文件,在线预览方式一,pdfjs文件包打开新窗口预览pdf文件 提示:这里可以添加本文要记录的大概内容: vue

    2024年02月07日
    浏览(36)
  • 微信小程序下载、打开及预览PDF文件的方法

    公司最近有一个需求需要在小程序中查看政策并下载打开PDF附件,这里博主给大家总结了方法如下,主要用到了微信小程序的 wx.downloadFile 和 wx.openDocument 方法:

    2024年02月11日
    浏览(93)
  • 前端预览pdf文件

    在前端开发中,很多时候我们需要进行pdf文件的预览操作,下面给出几种常见的预览pdf文件的方法: 如果项目对pdf的预览功能要求不高,只是要求能够看的话,可以直接在浏览器上打开pdf文件的地址,代码如下 PDF.js是一个由Mozilla开发的JavaScript库,用于在网页上呈现和操作

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

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

    2024年02月11日
    浏览(42)
  • 前端实现pdf,图片,word文件预览

    需求:实现一个在线预览pdf、excel、word、图片等文件的功能。 介绍:支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代码实现所有功能,建议以下的预览文件标签可以在外层包裹一层弹窗。 iframe标签能够将另一个HTML页面嵌入到当前页面中,我们的图片也能够使用iframe标签来

    2024年02月11日
    浏览(35)
  • 前端实现文件预览(pdf、excel、word、图片)

    需求:实现一个在线预览pdf、excel、word、图片等文件的功能。 介绍:支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代码实现所有功能,建议以下的预览文件标签可以在外层包裹一层弹窗。 sandbox 这个属性如果是单纯预览图片可以不使用,该属性对呈现在 iframe 框架中的内容

    2024年02月10日
    浏览(44)
  • 解决selenium使用chrome下载文件(如pdf)时,反而打开浏览器的预览界面

    在初始化浏览器的时候,添加以下配置即可: 使用如下程序初始化,可以避免很多问题: 在需要下载文件时,只需要直接 browser.get(网络文件URL) 即可直接下载文件到配置的 \\\"C:UsersUser4Downloads\\\" 路径下:

    2024年02月04日
    浏览(37)
  • uniapp 在线预览各种格式文件(支持doc, xls, ppt, pdf, docx, xlsx, pptx格式) 适用于小程序 (解决了真机调试可以打开,发布体验版打不开的问题)(可设置文件名)

    代码: 参考官方文档: uni.saveFile(OBJECT) @savefile | uni-app官网 uni-app,uniCloud,serverless https://uniapp.dcloud.net.cn/api/file/file.html#opendocument tips: 问题一: 打不开         1. 文件地址须保证能正常打开(在浏览器中尝试是否能预览或正常下载)         2.注意文件名最好为数字字母(非中文) 问题

    2024年02月05日
    浏览(46)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包