微信小程序保存图片到相册
生活随笔
收集整理的這篇文章主要介紹了
微信小程序保存图片到相册
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
先來看小程序中的保存圖片到相冊的api
wx.saveImageToPhotosAlbum({
filePath : "./test.png", //這個只是測試路徑,沒有效果
success(res) {
console.log("success");
},
fail : function(res) {
console.log(res);
}
})
上面的saveImageToPhotosAlbum的用法是不能獲取到文件的,因為filePath在官方的說法是可以是臨時文件路徑或永久文件路徑。
而"filePath : ./test.png"只是一個相對路徑(相對小程序項目來說的一個路徑),而我們需要的是臨時文件路徑或永久文件路徑。
下面說一下三者的區(qū)別:
相對路徑:小程序項目中相對的文件路徑。
臨時文件路徑:從網絡上下載或其他形式生成的文件,但是只保存在內存中,沒有保存到小程序目錄中的文件路徑。
永久文件路徑:小程序項目中文件中的全文件路徑。
注:相對路徑和永久文件路徑可能是同一個文件,只是引用的路徑名不一樣而已(一個是相對的,一個是絕對的)。
其中臨時文件路徑我們可以這樣獲得來保存文件到相冊:
wx.downloadFile({
url: 'https://example.com/audio/123', //僅為示例,并非真實的資源
success: function (res) {
// 只要服務器有響應數據,就會把響應內容寫入文件并進入 success 回調,業(yè)務需要自行判斷是否下載到了想要的內容
if (res.statusCode === 200) {
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success(res) {
wx.showToast({
title: '保存圖片成功!',
})
},
fail(res) {
wx.showToast({
title: '保存圖片失敗!',
})
}
})
}
}
})
用downloadFile只可以獲取網絡上的圖片資源;而getImageInfo則是全能類型,不管是網絡上的圖片資源,還是小程序中保存的圖片。
官方上的說法:getImageInfo的src參數的圖片路徑可以是相對路徑、臨時文件路徑、存儲文件路徑(即上面說的全路徑)、網絡圖片路徑。
wx.downloadFile({
url: 'https://example.com/audio/123', //僅為示例,并非真實的資源
success: function (res) {
// 只要服務器有響應數據,就會把響應內容寫入文件并進入 success 回調,業(yè)務需要自行判斷是否下載到了想要的內容
if (res.statusCode === 200) {
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success(res) {
wx.showToast({
title: '保存圖片成功!',
})
},
fail(res) {
wx.showToast({
title: '保存圖片失敗!',
})
}
})
}
}
})
總結:wx.getImageInfo功能更加強大;但是downloadFile則更加專業(yè),因為downloadFile可以讀取下載進度等功能。
總結
以上是生活随笔為你收集整理的微信小程序保存图片到相册的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linux 进程 | 进程间的通信方式
- 下一篇: Linux命令集—— cat AND m