溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“小程序怎么實現下載圖片并且顯示進度的頁面效果”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
圖片效果
wxml
js
1 downImg: function(e) {2 var _this = this;34 // 獲取圖片地址(http://www.playsort.cn/...)5 var img = e.currentTarget.dataset.src;67 // 下載監聽進度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 }“小程序怎么實現下載圖片并且顯示進度的頁面效果”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
