目的
將文件(我主要的是圖片)保存在本地,這樣可以快速的取到圖片,節(jié)約用戶的流量和時間
保存圖片,我認(rèn)為有兩處需要保存
1、選擇圖片的時候,使用wx.chooseImage選擇圖片的時候保存
2、下載圖片的時候,使用wx.downloadFile下載圖片的時候保存
代碼片段
1、選擇圖片的時候
js代碼
-
frontimage: function () {
-
var _this = this;
-
//選擇圖片
-
wx.chooseImage({
-
count: 1, // 默認(rèn)9
-
sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有
-
sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機(jī),默認(rèn)二者都有
-
success: function (res) {
-
// 成功,把url賦值至wxml展示圖片
-
_this.setData({
-
FilePaths: res.tempFilePaths
-
})
-
// 保存圖片
-
wx.saveFile({
-
//之前被這個地址坑了好幾次
-
tempFilePath: res.tempFilePaths, //這個地址是圖片地址,而不是你保存的目的地址
-
success: function (res) {
-
console.log("保存圖片成功")
-
},
-
fail: function (res) {
-
console.log("保存圖片失敗")
-
console.log(res)
-
}
-
})
-
}
-
})
-
}
2、下載圖片的時候
-
wx.downloadFile({
-
url: res.data.body[0].URL, //圖片的下載地址
-
success: function (res) { //圖片下載成功
-
wx.saveFile({
-
tempFilePath: res.tempFilePath, //下載后的圖片臨時地址
-
success: function (res) {
-
console.log("保存圖片成功")
-
},
-
fail: function () {
-
console.log("保存圖片失敗")
-
}
-
})
-
}, fail: function (res) {
-
console.log("圖片下載失敗")
-
}
-
})
tip 1、圖片保存成功后,在保存成功的地方將返回的res.savedFilePath(這是成功保存后的保存路徑)放入緩存中,在需要用圖片的時候根據(jù)緩存存的url就可以取到圖片了 2、如有遇到新問題,可以在下方留言或者加QQ群437729329 進(jìn)行咨詢
|