微信小程序怎么實現(xiàn)自動保存下載文件名
本篇內(nèi)容介紹了“微信小程序怎么實現(xiàn)自動保存下載文件名”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！
10年積累的成都網(wǎng)站制作、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有潁東免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
問題的提出
小程序使用wx.playVoice播放音頻時，需要從網(wǎng)上下載播放的對象文件，但是每次播放都要下載的話，就太傻了。好在小程序提供了保存文件的功能。
思路
準備一個url到緩存文件的映射，當小程序成功的下載播放鈴聲以后，自動保存下載的文件名。下次播放同一個文件時確認是否存在已經(jīng)下載的文件，如果有則直接播放已經(jīng)下載的文件。由于某些不知道的原因，我們假設(shè)已經(jīng)下載的文件也可能播放失敗，對策是重新下載該文件。
實現(xiàn)
下面的代碼在app.js中，是這個處理的主線。
//播放鈴聲文件，優(yōu)先使用緩存文件，根據(jù)需要下載。
playRingtone: function(index) {
var that = this
var url = that.getRingtoneUrl(index)
var savedFile = that.globalData.urlMap[url]
if (savedFile != undefined){
//已經(jīng)存在緩存文件，直接播放緩存文件
that.addLog('播放緩存鈴聲')
wx.playVoice({
filePath: savedFile,
fail:function(){
//播放緩存文件失敗，清除緩存文件信息
that.globalData.urlMap[url] = undefined;
wx.setStorageSync('urlMap', that.globalData.urlMap);
//下載并播放緩存文件
that.downloadAndPlayRingtone(url)
},
})
}else{
//沒有緩存文件，下載并播放
that.downloadAndPlayRingtone(url)
}
},
程序中用到了downloadAndPlayRingtone函數(shù)，其代碼如下。
//下載，保存，播放鈴聲文件。
downloadAndPlayRingtone:function(url){
var that = this
that.downloadFile({
url: url,
success: function (savedFilePath) {
//that.addLog('saveFileSuccess')
//下載成功，播放文件
that.addLog('播放下載鈴聲')
wx.playVoice({
filePath: savedFilePath,
})
//更新緩存文件信息。
that.globalData.urlMap[url] = savedFilePath;
wx.setStorageSync('urlMap', that.globalData.urlMap);
}
})
},
下載鈴聲和播放鈴聲是應(yīng)用領(lǐng)域的功能，為了促進代碼重用，我們又抽出一個共同函數(shù)downloadFile。
提煉共通功能的關(guān)鍵并不在于它會被多少次使用，而在于它可以成為一個共通的功能。
//下載并保存文件
downloadFile: function(parameter){
var that = this
wx.downloadFile({
url: parameter.url,
success: function (res) {
//保存臨時文件，以供將來使用
wx.saveFile({
tempFilePath: res.tempFilePath,
success: function (save_res) {
parameter.success(save_res.savedFilePath)
}
})
},
})
},
執(zhí)行結(jié)果
可以看到，第一次是播放下載鈴聲，以后都是播放緩存鈴聲。log的出處可從代碼中找到。
“微信小程序怎么實現(xiàn)自動保存下載文件名”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
本文標題：微信小程序怎么實現(xiàn)自動保存下載文件名
文章位置：http://m.jiaotiyi.com/article/geodhc.html