微信小程序实现保存图片到本地
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 提示框
}
})
}
})
},
上一篇：
uniapp开发微信小程序-2.页面制作
下一篇：
微信小程序获取openid