小程序保存网络图片到相册

首先我们分析一下需求
1、我们需要拿到一个临时的图片路径
使用小程序api： wx.getImageInfo() 就能拿到图片的临时路径，需要注意的是传入的图片必须是网络图片
2、使用wx.saveImageToPhotosAlbum()保存图片到相册，需注意的是此方法需要授权，

所以实现此功能的流程是先获取到图片的临时路径再存储到相册

下面是我的实现代码

function showToast(title) {wx.showToast({title,icon: "none",mask: true,})
}
// 需要授权
function openSetting() {wx.showModal({title: '提示',content: '请先授权同意保存图片到相册',confirmText: '确定授权',success(res){if (res.confirm) {wx.openSetting({fail(err) {showToast('打开授权设置页面失败');}});}}})
};
// 验证用户是否拥有保存到相册的权限
function authUserJuris(url) {wx.getSetting({success(res) {console.log(res);if (res.authSetting['scope.writePhotosAlbum']) {// 用户已授权saveImage(url);} else if (res.authSetting['scope.writePhotosAlbum'] !== undefined){// 用户首次进入还未调起权限相关接口openSetting();} else {// 用户首次进入saveImage(url);}},fail(err) {showToast('获取授权信息失败')console.log(err);}})
}// 保存图片function saveImage(url, successFn = null, failFn = null) {if (!url) {showToast('缺少图片路径');return;} else if (url.indexOf('http://') === -1) {showToast('请传入网络图片地址');return;}// 获取图片路径wx.getImageInfo({src: url,success(res) {const { path } = res;if (path) {wx.saveImageToPhotosAlbum({filePath: path,success(res) {showToast('保存成功');successFn && successFn();},fail() {showToast('保存失败');failFn && failFn();}})}},fail(err) {showToast('获取图片地址失败');}});
}module.exports = {authUserJuris,
}

小程序保存网络图片到相册相关推荐

微信小程序保存图片到相册；uni-app小程序保存网络图片到相册；小程序保存图片到相册拒绝授权后重新拉起授权；保存图片到系统相册；小程序保存图片测试可以，真机保存图片失败
文末代码可以直接复制使用,图片修改成你的图片路径即可一.场景: 小程序点击按钮,保存项目内的静态图片或者微信头像或者后端返回的图片: 二.注意点及思路拆分: –2.1:小程序保存图片功能,必须要有s ...
微信小程序保存网络图片至本地
小程序保存网络图片时发现保存的是以.bin为后缀的文件,无法正常识别,参考网上的例子重新弄了一下,在此记录 // 保存图片(主要针对授权的几种不同情况判断)saveCard() {let that = ...
微信小程序保存视频到相册wx.saveVideoToPhotosAlbum（）
一.微信小程序保存视频到相册wx.saveVideoToPhotosAlbum() 功能描述保存视频到系统相册.支持mp4视频格式. 参数 Object object 属性类型默认值必填说明 ...
简单的小程序保存网络图片到本地适用于苹果手机
首先你需要有一个按钮触发保存的事件再需要有一个图片路径接下来就可以点击的时候保存到本地就可以啦以下内容写到你的方法里就可以 wx.downloadFile({url: 'http://XXX.j ...
小程序保存海报，canvas绘制然后保存到相册，canvas文字换行计算
一.小程序保存海报,canvas绘制然后保存到相册 1.wxml <view class="box-canvas"><canvas canvas-id='myCa ...
【微信小程序】微信小程序保存二维码海报到相册，以及解决二维码不够清晰的问题
小程序保存二维码海报添加 canvas 元素poster <canvas class="poster" canvas-id="poster" style ...
微信小程序下载网络图片保存到本地
微信小程序下载网络图片保存到本地问题背景前一篇文章介绍了,微信小程序网络请求数据并在页面列表显示(参考 https://blog.51cto.com/baorant24/6189453 ),本文将 ...
微信小程序下载视频到相册（带进度条）
微信小程序下载视频到相册,并带进度条 <button class="desc-note my-button u-font-32" @click="toUpload( ...
微信小程序选择图片（相册中选择/相机拍摄）
微信小程序中关于选择函数有专门的函数: wx.chooseImage(Object object) 从本地相册选择图片或使用相机拍照. 参数 Object object 属性类型默认值必填说明 ...

小程序保存网络图片到相册

小程序保存网络图片到相册相关推荐

最新文章

热门文章