<template>
<view>
<view>
<img src="../../../static/images/dagong.jpg" mode="widthFix">
<view class="btn-box">
<u-button type="success" @click="saveImg">保存</u-button>
<u-button type="primary">换一张</u-button>
</view>
</view>
</view>
</template>
<script>
export default {
data (){
return{
}
},
methods:{
//点击保存
saveImg() {
let that = this;
// 向用户发起授权请求
uni.authorize({
scope: 'scope.writePhotosAlbum',
success: () => {
// 已授权
that.downLoadImg();
},
fail: () => {
// 拒绝授权,获取当前设置
uni.getSetting({
success: (result) => {
if (!result.authSetting['scope.writePhotosAlbum']) {
that.isAuth()
}
}
});
}
})
},
downLoadImg(){
//下载图片资源至本地,返回文件的本地临时路径
uni.downloadFile({
url:'http://img.daimg.com/uploads/allimg/210114/1-210114151951.jpg',
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"
});
}
});
}
}
})
},
//引导用户开启权限
isAuth() {
uni.showModal({
content: '由于您还没有允许保存图片到您相册里,无法进行保存,请点击确定允许授权',
success: (res) => {
if (res.confirm) {
uni.openSetting({
success: (result) => {
console.log(result.authSetting);
}
});
}
}
});
},
}
}
uniapp将图片保存至相册
最新推荐文章于 2024-04-17 15:03:07 发布