首页 > 微信 > 详细

微信小程序进度条

时间:2019-09-16 00:34:36      阅读:35      评论:0      收藏:0      [点我收藏+]

标签:ogre   sin   download   targe   微信   nbsp   

<button class=‘down-img‘ bindtap=‘downImg‘ data-scr=‘{{imageUrl}}‘>下载图片{{progress}}</button>
downImg: function (e) {
    var _this = this;

    // 获取图片地址(http://www.playsort.cn/...)
    //var img = e.currentTarget.dataset.src;
    //var img = ‘../pic/U1513P28T52D3414F872DT20081124143718.jpg?id=‘ + Math.floor(Math.random() * 100000);;
    var img = ‘http://i0.sinaimg.cn/ent/y/w/2008-11-24/U1513P28T52D3414F872DT20081124143718.jpg?id=‘ + Math.floor(Math.random() * 100000);
    // 下载监听进度
    const downloadTask = wx.downloadFile({
      url: img,
      success: function (res) {
        // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
        console.log(res)
        if (res.statusCode === 200) {
          // wx.saveImageToPhotosAlbum({
          //   filePath: res.tempFilePath,
          //   success: function (res) {
          //     wx.showToast({
          //       title: ‘保存图片成功!~‘,
          //     });
          //   },
          //   fail: function (res) {
          //     wx.showToast({
          //       title: ‘保存图片失败!~‘,
          //     });
          //   }
          // })
          console.log(‘code:‘ + res.statusCode )
        }else{
          console.log(‘code:‘ + res.statusCode )
        }
      }
    });
    downloadTask.onProgressUpdate((res) => {
      if (res.progress === 100) {
        this.setData({
          progress: ‘100%‘
        });
        var st = getApp().globalData.st
        var et = new Date()
        console.log(et-st)
        console.log(410.45 * 1000 / (et - st))
      }else if(res.progress === 1){
        getApp().globalData.st = new Date()
        console.log(getApp().globalData.st);
      } 
      else {
        this.setData({
          progress: res.progress + ‘%‘
        });
      }
    });
  }

 

微信小程序进度条

标签:ogre   sin   download   targe   微信   nbsp   

原文:https://www.cnblogs.com/CryOnMyShoulder/p/11524994.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号