uni-app小程式下載圖片
阿新 • • 發佈:2021-06-16
<view class="bottom"> <view class="but" v-if="openSettingBtnHidden" @click="saveEwm"><text>儲存圖片</text></view> </view>
export default {
data() {
return {
imgurl:'', // 圖片地址
openSettingBtnHidden: true, //是否授權
}
}
}
// 點選儲存圖片到相簿 handleSetting(e){if (!e.detail.authSetting['scope.writePhotosAlbum']) { this.openSettingBtnHidden = false; } else { this.openSettingBtnHidden = true; } },
saveEwm:function(e){ var that = this //獲取相簿授權 uni.getSetting({ success(res) {if (!res.authSetting['scope.writePhotosAlbum']) { uni.authorize({ scope: 'scope.writePhotosAlbum', success() { //這裡是使用者同意授權後的回撥 that.saveImgToLocal(); }, fail() {//這裡是使用者拒絕授權後的回撥this.openSettingBtnHidden=false } }) } else {//使用者已經授權過了 that.saveImgToLocal(); } } }) },
saveImgToLocal:function(e){ var that = this uni.showModal({ title: '提示', content: '確定儲存到相簿嗎', success: function (res) { if (res.confirm) { uni.downloadFile({ url: that.imgurl,//圖片地址 success: (res) =>{ if (res.statusCode === 200){ uni.saveImageToPhotosAlbum({ filePath: res.tempFilePath, success: function() { uni.showToast({ title: "儲存成功", icon: "none" }); }, fail: function() { uni.showToast({ title: "儲存失敗", icon: "none" }); } }); } } }) } else if (res.cancel) { } } }); },
注意:以上程式碼是我百度的方法,然後根據自己實際的開發需求做了調整,具體是哪位博主的,忘記了,寫在這裡只是為了給自己記一個筆記,有需要的拿走大家共同學習哈