• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序 - 下载图片并且显示进度

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

lastUpDate:

2018-8-12  请把请求地址加入到downLoadFile

 

 

提示:首先得要在公众号设置对应的downLoadFile地址.

 

 

 

downImg : 下载图片

 

wxml

js

 1  downImg: function(e) {
 2     var _this = this;
 3 
 4     // 获取图片地址(http://www.playsort.cn/...)
 5     var img = e.currentTarget.dataset.src;
 6 
 7     // 下载监听进度
 8     const downloadTask = wx.downloadFile({
 9       url: img, 
10       success: function(res) {
11         // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
12         console.log(res)
13         if (res.statusCode === 200) {
14           wx.saveImageToPhotosAlbum({
15             filePath: res.tempFilePath,
16             success: function(res) {
17               wx.showToast({
18                 title: \'保存图片成功!~\',
19               });
20             },
21             fail: function(res) {
22               wx.showToast({
23                 title: \'保存图片失败!~\',
24               });
25             }
26           })
27         }
28       }
29     });
30     downloadTask.onProgressUpdate((res) => {
31       if (res.progress === 100) {
32         this.setData({
33           progress: \'\'
34         });
35       } else {
36         this.setData({
37           progress: res.progress + \'%\'
38         });
39       }
40     });
41   }

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
企业微信小程序用getImageInfo保存图片提示fail download image fail发布时间:2022-07-18
下一篇:
微信小程序公司开发前必读发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap