微信小程序文件下载功能

微信小程序简单的下载,点击下载之后出现加载动画,随后自动打开下载的文件,在微信小程序中下载的文件想要分享的话需要使用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>

就可以了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容