小程序 - 詳解下載功能加圖片下載并顯示進(jìn)度
技術(shù)文檔
下載文件資源到本地,客戶端直接發(fā)起一個(gè) HTTP GET 請(qǐng)求,返回文件的本地臨時(shí)路徑。使用前請(qǐng)先閱讀官方說(shuō)明
注:文件的臨時(shí)路徑,在小程序本次啟動(dòng)期間可以正常使用,如需持久保存,需在主動(dòng)調(diào)用 wx.saveFile,才能在小程序下次啟動(dòng)時(shí)訪問(wèn)得到。
例子
wxml
downImg: function(e) { var _this = this; // 獲取圖片地址(http://www.playsort.cn/...) var img = e.currentTarget.dataset.src; // 下載監(jiān)聽(tīng)進(jìn)度 const downloadTask = wx.downloadFile({ url: img, success: function(res) { // 只要服務(wù)器有響應(yīng)數(shù)據(jù),就會(huì)把響應(yīng)內(nèi)容寫(xiě)入文件并進(jìn)入 success 回調(diào),業(yè)務(wù)需要自行判斷是否下載到了想要的內(nèi)容 console.log(res) if (res.statusCode == 200) { wx.saveImageToPhotosAlbum({ filePath: res.tempFilePath, success: function(res) { wx.showToast({ title: '保存圖片成功!~', }); }, fail: function(res) { wx.showToast({ title: '保存圖片失敗!~', }); } }) } } }); downloadTask.onProgressUpdate((res) => { if (res.progress === 100) { this.setData({ progress: '' }); } else { this.setData({ progress: res.progress + '%' }); } }); } ```
小程序
版權(quán)聲明:本文內(nèi)容由網(wǎng)絡(luò)用戶投稿,版權(quán)歸原作者所有,本站不擁有其著作權(quán),亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容,請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理,核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。
版權(quán)聲明:本文內(nèi)容由網(wǎng)絡(luò)用戶投稿,版權(quán)歸原作者所有,本站不擁有其著作權(quán),亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容,請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理,核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。