/**
* @description 图片长按 调起菜单弹窗
*/
imgLongTap(row) {
console.log('图片长按', row)
/* #ifdef MP-WEIXIN */
uni.showActionSheet({
itemList: ['保存图片'],
success: res => {
if (res.tapIndex == 0) {
this.save(row.attrs.src)
}
},
fail: err => {
// console.log('取消保存')
console.log('失败', err)
this.$toast('保存失败')
},
})
/* #endif */
},
// 获取保存图片权限
save(src) {
let that = this
uni.authorize({
scope: 'scope.writePhotosAlbum',
success() {
that.saveImg(src)
},
complete() {
uni.getSetting({
success(res) {
if (!res.authSetting['scope.writePhotosAlbum']) {
that.opensit(src)
}
},
})
},
})
},
// 保存图片到相册
async saveImg(src) {
if (src) {
uni.getImageInfo({
src: src,
success(getImageInfoSuccessRes) {
console.log('getImageInfo success :: ', getImageInfoSuccessRes)
uni.saveImageToPhotosAlbum({
filePath: getImageInfoSuccessRes.path,
success(saveImageToPhotosAlbumSuccessRes) {
console.log('saveImageToPhotosAlbum success: ', saveImageToPhotosAlbumSuccessRes)
uni.showToast({ title: '保存成功' })
console.log('发送请求')
},
fail(saveImageToPhotosAlbumFailRes) {
console.log('saveImageToPhotosAlbum fail: ', saveImageToPhotosAlbumFailRes)
},
})
},
fail(getImageInfoFailRes) {
console.log('getImageInfoFailRes fail: ', getImageInfoFailRes)
},
})
}
},
// 打开用户设置
opensit(src) {
let that = this
uni.showModal({
content: '是否授权小程序保存图片到相册?',
success: function (res) {
if (res.confirm) {
uni.openSetting({
success(res) {
console.log(res.authSetting)
that.saveImg(src)
},
})
} else if (res.cancel) {
uni.showModal({
cancelText: '依然取消',
confirmText: '重新授权',
content: '很遗憾你点击了取消,这将无法进行保存操作',
success: function (res) {
if (res.confirm) {
uni.openSetting({
success(res) {
console.log(res.authSetting)
},
})
} else if (res.cancel) {
console.log('用户拒绝授权,无法保存图片')
}
},
})
}
},
})
},
微信小程序保存图片到相册步骤
最新推荐文章于 2025-04-25 12:01:36 发布