wxml

js

1.  `1 downImg:  function(e)  {`
2.  `2  var _this =  this;`
3.  `3` 
4.  `4  // 獲取圖片地址(http://www.playsort.cn/...)`
5.  `5  var img = e.currentTarget.dataset.src;`
6.  `6` 
7.  `7  // 下載監聽進度`
8.  `8  const downloadTask = wx.downloadFile({`
9.  `9 url: img,` 
10.  `10 success:  function(res)  {`
11.  `11  // 只要伺服器有響應資料，就會把響應內容寫入檔案並進入 success 回撥，業務需要自行判斷是否下載到了想要的內容`
12.  `12 console.log(res)`
13.  `13  if  (res.statusCode ===  200)  {`
14.  `14 wx.saveImageToPhotosAlbum({`
15.  `15 filePath: res.tempFilePath,`
16.  `16 success:  function(res)  {`
17.  `17 wx.showToast({`
18.  `18 title:  '儲存圖片成功!~',`
19.  `19  });`
20.  `20  },`
21.  `21 fail:  function(res)  {`
22.  `22 wx.showToast({`
23.  `23 title:  '儲存圖片失敗!~',`
24.  `24  });`
25.  `25  }`
26.  `26  })`
27.  `27  }`
28.  `28  }`
29.  `29  });`
30.  `30 downloadTask.onProgressUpdate((res)  =>  {`
31.  `31  if  (res.progress ===  100)  {`
32.  `32  this.setData({`
33.  `33 progress:  ''`
34.  `34  });`
35.  `35  }  else  {`
36.  `36  this.setData({`
37.  `37 progress: res.progress +  '%'`
38.  `38  });`
39.  `39  }`
40.  `40  });`
41.  `41  }`

 

相關文章：