小程序如何保存圖片到相冊

本篇內容介紹了“小程序如何保存圖片到相冊”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

官方文檔

保存圖片前需要授權，因此我們先授權，代碼如下：

//獲取相冊授權wx.getSetting({success(res) {if (!res.authSetting['scope.writePhotosAlbum']) {wx.authorize({scope:'scope.writePhotosAlbum',success() {console.log('授權成功')}})}}})//此方法可以寫在app.js中，也可以寫在調用保存按鈕時。

獲取授權

第一種方法，網絡圖片保存：

var imgSrc = "http://yijiao.oss-cn-qingdao.aliyuncs.com/images/http://tmp/wx1b4e5e756cd48af1.o6zAJsws4grEQvYrWTjBigy-6QaU.0llhudiKSF2V955a1c48350d9328ef064b4d36d12746.jpg"wx.downloadFile({url: imgSrc,success: function (res) {console.log(res);//圖片保存到本地wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function (data) {wx.showToast({title: '保存成功',icon: 'success',duration: 2000})},fail: function (err) {console.log(err);if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {console.log("當初用戶拒絕，再次發起授權")wx.openSetting({success(settingdata) {console.log(settingdata)if (settingdata.authSetting['scope.writePhotosAlbum']) {console.log('獲取權限成功，給出再次點擊圖片保存到相冊的提示。')} else {console.log('獲取權限失敗，給出不給權限就無法正常使用的提示')}}})}},complete(res){console.log(res);}})}})

第二種方法：選擇相冊圖片存入本地

wx.chooseImage({count:1,// 默認9sizeType: ['original','compressed'],// 可以指定是原圖還是壓縮圖，默認二者都有sourceType: ['album','camera'],// 可以指定來源是相冊還是相機，默認二者都有success:function (res) {// 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標簽的src屬性顯示圖片console.log("choose image")console.log(res)var tempFilePath = res.tempFilePaths[0]wx.getImageInfo({src: tempFilePath,success:function (res) {console.log("get image info")console.log(res)wx.saveImageToPhotosAlbum({filePath: res.path,success(res) {console.log("保存圖片成功")console.log(res)wx.showToast({title:'保存成功',icon:'success',duration:2000})},fail(err) {console.log('失敗')console.log(err) if (err.errMsg == "saveImageToPhotosAlbum:fail cancel"){wx.openSetting({success(settingdata) {console.log(settingdata)if (settingdata.authSetting["scope.writePhotosAlbum"]) {console.log('獲取權限成功，給出再次點擊圖片保存到相冊的提示。')}else {console.log('獲取權限失敗，給出不給權限就無法正常使用的提示')}}})}}})}})}})

“小程序如何保存圖片到相冊”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！