Posted in Javascript onApril 09, 2020
微信小程序保存图片到相册可以分成两种:一种是保存网络图片,一种是保存本地图片
保存网络图片:
var url = '网络图片路径'; wx.downloadFile({ url: url, success: function (res) { var benUrl = res.tempFilePath; //图片保存到本地相册 wx.saveImageToPhotosAlbum({ filePath: benUrl, //授权成功,保存图片 success: function (data) { wx.showToast({ title: '保存成功', icon: 'success', duration: 2000 }) }, //授权失败 fail: function (err) { if (err.errMsg) {//重新授权弹框确认 wx.showModal({ title: '提示', content: '您好,请先授权,在保存此图片。', showCancel: false, success(res) { if (res.confirm) {//重新授权弹框用户点击了确定 wx.openSetting({//进入小程序授权设置页面 success(settingdata) { console.log(settingdata) if (settingdata.authSetting['scope.writePhotosAlbum']) {//用户打开了保存图片授权开关 wx.saveImageToPhotosAlbum({ filePath: benUrl, success: function (data) { wx.showToast({ title: '保存成功', icon: 'success', duration: 2000 }) }, }) } else {//用户未打开保存图片到相册的授权开关 wx.showModal({ title: '温馨提示', content: '授权失败,请稍后重新获取', showCancel: false, }) } } }) } } }) } } }) } })
保存本地图片:
wx.chooseImage({ count: 1,// 默认9 sizeType: ['original', 'compressed'],// 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'],// 可以指定来源是相册还是相机,默认二者都有 success: function (res) { // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 console.log("choose image") console.log(res) var tempFilePath = res.tempFilePaths[0] wx.getImageInfo({ src: tempFilePath, success: function (res) { console.log("get image info") console.log(res) wx.saveImageToPhotosAlbum({ filePath: res.path, success(res) { console.log("保存图片成功") console.log(res) wx.showToast({ title: '保存成功', icon: 'success', duration: 2000 }) }, fail(err) { console.log('失败') console.log(err) if (err.errMsg == "saveImageToPhotosAlbum:fail cancel") { wx.openSetting({ success(settingdata) { console.log(settingdata) if (settingdata.authSetting["scope.writePhotosAlbum"]) { console.log('获取权限成功,给出再次点击图片保存到相册的提示。') } else { console.log('获取权限失败,给出不给权限就无法正常使用的提示') } } }) } } }) } }) } })
为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。
微信小程序保存图片到相册权限设置
- Author -
默认S声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@