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方法对下载后的临时图片路径进行保存到本地

相关推荐
远山枫谷4 小时前
一文理清页面/组件通信与 Store 全局状态管理
前端·微信小程序
木易士心1 天前
一文读懂:微信小程序云数据库直连原理与使用指南
微信小程序·serverless
willow2 天前
uniapp实战
uni-app
只会cv的前端攻城狮2 天前
兼容性地狱-Uniapp钉钉小程序环境隔离踩坑实录
前端·uni-app
明月_清风2 天前
小程序云函数:从入门到全栈的“降维打击”指南
前端·微信小程序·小程序·云开发
拉不动的猪2 天前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
codingWhat3 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
WangHappy4 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端5 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li5 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app