微信小程序实现保存图片到本地
Posted 老张在线敲代码
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序实现保存图片到本地相关的知识，希望对你有一定的参考价值。
wxml代码
<view class="erweima">
<image src="imgUrl"></image>
<view>
<text bindtap="downloadImg">保存至手机相册</text>
</view>
</view>
js代码
downloadImg()
wx.showLoading(
title: '加载中...'
);
//wx.downloadFile方法：下载文件资源到本地
wx.downloadFile(
url: this.data.imgUrl, //图片地址
success: function (res)
//wx.saveImageToPhotosAlbum方法：保存图片到系统相册
wx.saveImageToPhotosAlbum(
filePath: res.tempFilePath, //图片文件路径
success: function (data)
wx.hideLoading(); //隐藏 loading 提示框
wx.showModal(
title: '提示',
content: '保存成功',
modalType: false,
)
,
// 接口调用失败的回调函数
fail: function (err)
if (err.errMsg === "saveImageToPhotosAlbum:fail:auth denied" || err.errMsg === "saveImageToPhotosAlbum:fail auth deny" || err.errMsg === "saveImageToPhotosAlbum:fail authorize no response")
wx.showModal(
title: '提示',
content: '需要您授权保存相册',
modalType: false,
success: modalSuccess =>
wx.openSetting(
success(settingdata)
console.log("settingdata", settingdata)
if (settingdata.authSetting['scope.writePhotosAlbum'])
wx.showModal(
title: '提示',
content: '获取权限成功,再次点击图片即可保存',
modalType: false,
)
else
wx.showModal(
title: '提示',
content: '获取权限失败，将无法保存到相册哦~',
modalType: false,
)
,
fail(failData)
console.log("failData", failData)
,
complete(finishData)
console.log("finishData", finishData)
)
)
,
complete(res)
wx.hideLoading(); //隐藏 loading 提示框
)
)
,
以上是关于微信小程序实现保存图片到本地的主要内容，如果未能解决你的问题，请参考以下文章