微信小程序,下载流文件并打开预览

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

  gopdf(e){

    let that=this;

    let pdfurl=e.currentTarget.dataset.pdfurl;

    let file;

    let tokenresult = wx.getStorageSync("tokenresult");

    

    console.log(pdfurl);

    wx.request({

      url:app.globalData.api.fileurl + `api/file/pdf/httppreview?httpfile=${pdfurl}`,

      method: "GET",

      header: {

        "Authorization": tokenresult.token_type + " " + tokenresult.access_token

      },

      responseType: 'arraybuffer', //此处是请求文件流,必须带入的属性

      success: res => {

        if (res.statusCode === 200) {

          const fs = wx.getFileSystemManager(); //获取全局唯一的文件管理器

          fs.writeFile({

            filePath: wx.env.USER_DATA_PATH + "/在线文档.pdf", // wx.env.USER_DATA_PATH 指定临时文件存入的路径,后面字符串自定义

            data: res.data,

            encoding: "binary", //二进制流文件必须是 binary

            success (res){

              wx.openDocument({ // 打开文档

                filePath: wx.env.USER_DATA_PATH + "/在线文档.pdf",  //拿上面存入的文件路径

                showMenu: true, // 显示右上角菜单

                success: function (res) {

                  setTimeout(()=>{wx.hideLoading()},500)

                }

              })

            }

          })

        }

      }

    });

  },文章来源地址https://www.toymoban.com/news/detail-682803.html

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

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

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

相关文章

  • uniapp实现h5、app、微信小程序三端pdf文件下载和预览

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

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

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

    2024年02月11日
    浏览(105)
  • uniapp - 微信小程序平台实现预览 office 文件及保存下载到本地功能,将word/excel/ppt/pdf等文件在小程序内进行预览,用户可以保存和转发给好友进行下载到手机(一键复制运行)

    在uniapp微信小程序开发中,预览文件、下载文件并保存到手机本地功能(支持office全套word/pdf/ppt/excel等),兼容安卓和苹果端非常好用, 本文有2种方案,愿意用哪个就用哪个,都有示例代码和详细说明。

    2024年02月08日
    浏览(167)
  • 微信小程序无法下载打开文件downloadFile:fail url not in domain list

    微信小程序在微信开发工具模拟器和真机调试都可以下载打开doc, pdf, docx等等文件,但是在体验版和正式发布版无法下载打开问题,试错过后在体验版打开开发调试vConsole这个时候竟然又活了过来~ 发布正式版测试调试报错:微信小程序下载文档出错downloadFile:fail url not in do

    2024年02月12日
    浏览(54)
  • uniapp —— 微信小程序预览文件

    1.问题:但是内置方法一般使用的是url预览,如果接口返回的是文件流,前端如何处理 uni.downloadFile uni.openDocument 2.解决:后端接口路径拼接,如果使用的是PC端下载文件的接口,但接口返回的是文件流,可以将地址进行拼接,放到uni.downloadFile中的url中 3.tip:网上的其他办法,

    2024年02月12日
    浏览(46)
  • 实现微信小程序预览文件,预览页面添加倒计时

    提示:1、实现小程序预览 doc、docx、xls、xlsx、ppt、pptx、pdf类型文件            2、进入页面展示文件内容、开始按钮,点击,按钮变为【(**s)】倒计时            3、倒计时结束后,此按钮消失,弹出显示【完成】,弹框保留2s后小时,用户继续阅读 例如:项目场景

    2024年02月13日
    浏览(48)
  • 微信小程序预览二进制流文件

    在线预览doc/xls/xlsx/ppt/txt/pdf 的文件和图片。 将后台返回的二进制流,写入微信的文件管理器。 打开文件。 wx.openDoucument不支持预览txt文件。 原本都是调用这个方法,根据isTxt判断是否为文本文件做不同的操作。在安卓真机调试发现打开失败,说找不到路径。 缩略图预览(增

    2024年02月09日
    浏览(40)
  • 微信小程序上传文件及图片(可以预览)

    最近在写小程序项目,碰到了一个需求,需要用户可以上传各种类型的文件和图片,展示在页面上,并且点击还可以进行预览,就找了找微信小程序官网,写了一个例子,分享一下 直接看代码: wxml: wxss: js: 有问题和建议欢迎大家留言

    2024年02月12日
    浏览(33)
  • uni-app之微信小程序实现‘下载+保存至本地+预览’功能

    目录 一、H5如何实现下载功能 二、微信小程序实现下载资源功能方面与H5有很大的不同 三、 微信小程序实现文件(doc,pdf等格式,非图片)下载(下载-保存-预览)功能 四、图片预览、保存、转发、收藏:uni.previewImage() 五、 我当前遇到‘关于文件预览uni.openDocument()’API的问

    2024年02月15日
    浏览(44)
  • H5和微信小程序实现文件预览功能

    提示:本文仅供参考: 最近新增了一个需求,要求在H5和微信小程序生成方案并查看ppt和excel功能。本项目是taro框架打包生成的H5和小程序,代码仅供参考。 代码如下(示例): 代码修改如下(示例): 代码如下(示例): 1:先把本地的微信开发者工具,不校验HTTPS关掉再

    2024年02月17日
    浏览(51)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包