微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项。但是微信小程序里面不可以。需要自己写这个功能。这个功能有两个点,一个是长按,一个是保存图片到本地。
1,、微信小程序提供了长按的事件,叫bindlongpress
2、微信小程序同样提供了保存图片的接口,是wx.saveImageToPhotosAlbum()
弄清楚了,我们可以开始做这个功能了,首先写wxml
然后就是js代码了
Page({
/**
* 页面的初始数据
*/
data: {
url:"https://wechat.weixinzjit.com/costa/public/uploads/images/20190109/67b16149693920598435315fd0d5ab3e.jpg"
},
// 长按保存图片
saveImg(e){
let url = e.currentTarget.dataset.url;
wx.saveImageToPhotosAlbum({
filePath:url,
success(res) {
console.log(res);
},
fail(res){
console.log(res);
}
})
}
})
这样写感觉没问题,但是不行,为什么,看下面文档说明。