以下这篇关于小程序页面效果的开发,为大家介绍如何实现 下载图片并且显示进度
图片效果
wxml
js
- 1 downImg: function(e) {
- 2 var _tShopfas = tShopfas;
- 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 tShopfas.setData({
- 33 progress: ''
- 34 });
- 35 } else {
- 36 tShopfas.setData({
- 37 progress: res.progress + '%'
- 38 });
- 39 }
- 40 });
- 41 }
Shopfa小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。更多小程序商店请查看:小程序商店
第二部分:如何开通一个小商店
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***
![小程序页面效果开发 - 下载图片并且显示进度 小程序页面效果开发 - 下载图片并且显示进度](http://blog.jsudo.com/wp-content/uploads/2022/12/wenzhang-erweima.png)
【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。