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  
		},
相关推荐
Zero_pl33 分钟前
vue学习路线
vue.js
咔咔库奇39 分钟前
【TypeScript】命名空间、模块、声明文件
前端·javascript·typescript
寰宇软件1 小时前
PHP防伪溯源一体化管理系统小程序
小程序·uni-app·vue·php
2013crazy1 小时前
Java 基于 SpringBoot+Vue 的校园兼职平台(附源码、部署、文档)
java·vue.js·spring boot·兼职平台·校园兼职·兼职发布平台
兩尛1 小时前
订单状态定时处理、来单提醒和客户催单(day10)
java·前端·数据库
又迷茫了1 小时前
vue + element-ui 组件样式缺失导致没有效果
前端·javascript·vue.js
哇哦Q1 小时前
原生HTML集合
前端·javascript·html
SoWhat~1 小时前
随遇随记篇
前端·javascript
孟健1 小时前
重磅首发:国产AI编程助手Trae实测!免费用上Claude是什么体验?
前端·aigc·visual studio code
爱上大树的小猪2 小时前
【前端SEO】使用Vue.js + Nuxt 框架构建服务端渲染 (SSR) 应用满足SEO需求
前端·javascript·vue.js