uni-app app实现web-view H5图片长按下载

问题和使用场景描述:

uniapp app web-view中图片无法长按保存,IOS下是正常的,但是Android下长按无反应

解决方案:

下载mui.min.js,放到项目中的static下(下载见最上面的压缩包)

在static目录下新建script.js

mui.init({
	gestureConfig: {
		longtap: true
	},
	//侧滑关闭  
	swipeBack: true, //Boolean(默认false)启用右滑关闭功能    

	//监听Android手机的back、menu按键  
	keyEventBind: {
		backbutton: false, //Boolean(默认truee)关闭back按键监听  
		menubutton: false //Boolean(默认true)关闭menu按键监听  
	},
});
document.addEventListener('longtap', function(e) {
	if (e.target.tagName == "IMG") {
		console.log(e.target.src);
		mui.confirm('是否下图片', '确认下载', '下载', function(d) {
			if (d.index == 0) {

				var down = plus.downloader.createDownload(e.target.src, {}, function(e, a) {
					console.log(e);
					plus.gallery.save(e.filename, function(e) {
						mui.toast('下载成功,请查看系统相册')
						console.log("下载成功,请查看系统相册");
					}, function(e) {
						console.log("下载失败,请重试");
					})
				})
				down.start()
			}
		})
	}
})

webview使用:

<view><web-view :src="weburl"></web-view></view>
		onReady() {
			// #ifdef APP-PLUS  
			var currentWebview = this.$scope.$getAppWebview()
			setTimeout(function() {
				let wv = currentWebview.children()[0]
				if (uni.getSystemInfoSync().osName == 'android') {
					wv.appendJsFile('_www/static/mui.min.js')
					setTimeout(function() {
						wv.appendJsFile('_www/static/script.js')
					}, 1000)
				}
			}, 1000);

			// #endif  
		},

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值