该博客详细介绍了如何利用mui的初始化设置和事件监听，实现网页中长按图片触发保存图片的功能。通过给img标签添加特定class，结合longtap事件和popover弹框，实现图片保存到本地相册的操作。并提供了保存图片的另一种方法。
转自：https://blog.csdn.net/qq_36676237/article/details/81533124
首先初始化mui(longtap是我们要用到的，longtap默认为false，如果没有初始化为true，则长按事件无效)
mui.init( { gestureConfig:{
tap: true, //默认为true
doubletap: true, //默认为false
longtap: true, //默认为false
swipe: true, //默认为true
drag: true, //默认为true
hold:true,//默认为false，不监听
release:false//默认为false，不监听
}});
//给需要长按保存图片的img标签设置 class='saveImg'
var divs = document.getElementsByClassName('saveImg');
for(var i = 0;i
divs[i].addEventListener('longtap', function () {
//开启弹框
mui('#picture').popover('toggle');
var imgurl = this.src;
document.getElementById('saveImg').addEventListener('tap', function () {
var imgDtask = plus.downloader.createDownload(imgurl,{method:'GET'}, function (d,status) {
if(status == 200){
plus.gallery.save(d.filename, function () {//保存到相册
plus.io.resolveLocalFileSystemURL(d.filename, function (enpty) {
// 关闭弹框
mui('#picture').popover('toggle');
mui.toast('保存成功')
});
})
}else{
mui.toast('保存失败')
}
});
imgDtask.start();
});
})
}
ps：要引入mui的js和css
另一种方法：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
