uniapp 微信小程序图片下载保存功能

在开发这个功能之前,要先确保小程序的隐私条约是否加上相册(仅写入)权限,设置路径:微信公众平台->账号设置(左下角头像悬停)->用户隐私保护指引(去完善)->相册(仅写入)权限

1、保存图片功能

javascript 复制代码
uni.downloadFile({
	url,//图片地址
	success: (res) => {
		uni.saveImageToPhotosAlbum({
			filePath: res.tempFilePath,
			success: (res) => { 
               uni.showToast({
			      title: "保存成功",
			      icon: "success",
		       })
            },
			fail: (res) => { 
               uni.showToast({
			      title: "保存失败",
			      icon: "error",
		       })
            }
		})
	}
})

首先使用uni.downloadFile方法将图片进行下载,然后再使用uni.saveImageToPhotosAlbum方法对下载后的临时图片路径进行保存到本地

相关推荐
时光足迹14 小时前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹15 小时前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹15 小时前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹15 小时前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹15 小时前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹16 小时前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
蜗牛前端18 小时前
codex 全流程开发上线的高颜值礼簿小程序
前端·微信小程序
spmcor3 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue993 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
PedroQue994 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app