1. 程式人生 > 其它 >uni-app小程式下載圖片

uni-app小程式下載圖片

<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) {
                        
                    }
                }
            });
        },

注意:以上程式碼是我百度的方法,然後根據自己實際的開發需求做了調整,具體是哪位博主的,忘記了,寫在這裡只是為了給自己記一個筆記,有需要的拿走大家共同學習哈