ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

uni-app小程序下载图片

2021-06-16 14:34:37  阅读:192  来源: 互联网

标签:function success res app scope uni openSettingBtnHidden 下载


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

 

注意:以上代码是我百度的方法,然后根据自己实际的开发需求做了调整,具体是哪位博主的,忘记了,写在这里只是为了给自己记一个笔记,有需要的拿走大家共同学习哈

标签:function,success,res,app,scope,uni,openSettingBtnHidden,下载
来源: https://www.cnblogs.com/funing-z/p/14889232.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有