美文网首页让自己成长的
微信小程序文件下载功能

微信小程序文件下载功能

作者: Wihend | 来源:发表于2018-07-28 16:03 被阅读1327次

    微信小程序简单的下载,点击下载之后出现加载动画,随后自动打开下载的文件,在微信小程序中下载的文件想要分享的话需要使用QQ浏览器操作

    微信小程序下载

    load: function () {

        this.setData({

          loadingHidden: false

        })

        let _that = this;

        wx.downloadFile({

          url: 'https://lg-332ncmjq-1256907309.cos.ap-shanghai.myqcloud.com/stepking/a.xlsx',

          success: function (res) {

            var filePath = res.tempFilePath;

            console.log(res)

            //页面显示加载动画

            wx.openDocument({

              filePath: filePath,

              success: function (res) {

                _that.setData({

                  loadingHidden: true

                })

                console.log('打开文档成功')

              }

            })

          }

        })

      }

    以上是js代码


    wxml代码只要 在你的按钮上写上bindtap="load"

    然后在最后方(只是为了方便编写,不用用view包括,单起一层即可)

    <loading hidden="{{  loadingHidden }}">

    加载中...

    </loading>

    就可以了

    相关文章

      网友评论

        本文标题:微信小程序文件下载功能

        本文链接:https://www.haomeiwen.com/subject/gpvomftx.html