<template>
<view class="home_bottom_img_box" @click="saveImgToLocal">
<image class="home_bottom_img" src="http://wework.qpic.cn/bizmail/k5Sr24cN7lysezOibTP0lbo50oXNsG0YOTlPHpApPBe7jz2ibotBUTYA/100"></image>
</view>
</template>
<script>
export default {
methods: {
saveImgToLocal() {
//获取相册授权
const _self = this
uni.getSetting({
success(res) {
console.log(res)
if (!res.authSetting['scope.writePhotosAlbum']) {
uni.authorize({
scope: 'scope.writePhotosAlbum',
success() {
//这里是用户同意授权后的回调
_self.saveImgToLocal()
},
fail() {//这里是用户拒绝授权后的回调
_self.openSettingBtnHidden=false
}
})
} else {//用户已经授权过了
_self.saveImgToLocal()
}
}
})
},
saveImgToLocal:function(e){
const _self = this
uni.showModal({
title: '提示',
content: '确定保存到相册吗',
success: function (res) {
if (res.confirm) {
uni.downloadFile({
url: "http://wework.qpic.cn/bizmail/k5Sr24cN7lysezOibTP0lbo50oXNsG0YOTlPHpApPBe7jz2ibotBUTYA/100",//图片地址
success: (res) =>{
console.log('downloadFile success',res)
if (res.statusCode === 200){
console.log('downloadFile res.statusCode === 200',res)
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: function() {
uni.showToast({
title: "保存成功",
icon: "none"
})
},
fail: function() {
uni.showToast({
title: "保存失败",
icon: "none"
})
}
})
} else {
console.log('downloadFile res.statusCode !== 200',res)
}
}
})
} else if (res.cancel) {
}
}
})
}
}
}
</script>
uni-app 点击下载网络图片
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 点击图片,实现预览图片功能,并且可循环预览图片列表! uni-app官方文档中,有实现预览图片的api,点击查看👇...
- 好久没写技术博客了,最近遇到一个需求瀑布流方式实现商品详情展示,并且图片尺寸各种各样都有,且后端不返回图片尺寸,这...
- 在资讯详情里,逻辑是将网页图片下载到本地。然后替换h5里的网页图片路径为本地图片的路径。然后webview....
- 5月以来,哪怕对市场风向再不敏感的人,也感觉到阵阵凉意。二级市场连续下挫,一级市场融资环境恶化,不论企业融资数量还...