uni.previewImage长按监听及禁止长按保存功能

图片预览在各类网站、小程序或app中都是常见的功能点之一,通过点击图片放大预览图片效果。

通过与之匹配的在手机端还常见有长按下载效果,图片的下载对于部分站长来说并不是那般友好。有选择性的让客户下载或禁止客户下载从长期运营来说更能保护管理员的权益。

那么基于uni-app开发的app或小程序要如何拒绝用户下载或选择性的允许用户下载呢?

在uni-app中关于图片的预览就不得不提uni.previewImage函数。

一、uni.previewImage禁止保存

uni.previewImage({
urls: ['图片集合数组'],
longPressActions: {
itemList: ['禁止保存'],
success: function(data) {
},
fail: function(err) {
console.log(err.errMsg);
}
}
});

在longPressActions通过自定义菜单名称,自定义菜单点事件替换默认的长按保存图片事件。

二、uni.previewImage长按自定义菜单及事件

uni.previewImage({
urls: ['图片集合数组'],
longPressActions: {
itemList: ['事件1','事件2'],
success: function(data) {
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
},
fail: function(err) {
console.log(err.errMsg);
}
}
});

success回调中通过data.tapIndex监听点击的第几个自定义菜单,通过if等来条件执行对应操作。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!