uni微信小程序 下载图片跟文字_uniapp保存图片到本地(APP和微信小程序端)

本文介绍了如何在uniApp中实现微信小程序下载图片并保存到本地的功能。通过`uni.getSetting`检查用户授权,使用`uni.authorize`请求相册权限,然后调用`uni.downloadFile`下载图片,最后使用`uni.saveImageToPhotosAlbum`将图片保存到相册。同时,提供了用户拒绝授权的处理逻辑。
摘要由CSDN通过智能技术生成

var_self;

exportdefault{

data(){return{

openSettingBtnHidden:true,//是否授权

ewmImg:""//这是要保存的图片

}

},

onLoad(opt) {

_self= this;

},

components:{

},

methods:{//微信小程序保存到相册

handleSetting(e){if (!e.detail.authSetting['scope.writePhotosAlbum']) {

_self.openSettingBtnHidden= false;

}else{

_self.openSettingBtnHidden= true;

}

},

saveEwm:function(e){//获取相册授权

uni.getSetting({

success(res) {if (!res.authSetting['scope.writePhotosAlbum']) {

uni.authorize({

scope:'scope.writePhotosAlbum',

success() {//这里是用户同意授权后的回调

_self.saveImgToLocal();

},

fail() {//这里是用户拒绝授权后的回调

_self.openSettingBtnHidden=false}

})

}else {//用户已经授权过了

_self.saveImgToLocal();

}

}

})

},

saveImgToLocal:function(e){

uni.showModal({

title:'提示',

content:'确定保存到相册吗',

success:function(res) {if(res.confirm) {

uni.downloadFile({

url: _self.ewmImg,//图片地址

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) {

}

}

});

}

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值