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  
		},
相关推荐
2501_91600747几秒前
Transporter App 使用全流程详解:iOS 应用 ipa 上传工具、 uni-app 应用发布指南
android·ios·小程序·https·uni-app·iphone·webview
携欢4 分钟前
PortSwigger靶场之Stored DOM XSS通关秘籍
前端·xss
LDM>W<15 分钟前
Electron下载失败
前端·javascript·electron
EndingCoder17 分钟前
Electron 新特性:2025 版本更新解读
前端·javascript·缓存·electron·前端框架·node.js·桌面端
BillKu34 分钟前
Vue3 中使用 DOMPurify 对渲染动态 HTML 进行安全净化处理
前端·安全·html
fakaifa1 小时前
CRMEB多门店 v3.3源码 无授权限制+PC端+uniapp前端
小程序·uni-app·商城小程序·技术教程·源码下载·crmeb多门店
子兮曰1 小时前
🔥深度解析:Nginx目录浏览美化与功能增强实战指南
前端·javascript·nginx
machinecat1 小时前
node,小程序合成音频的方式
前端·node.js
我是日安1 小时前
从零到一打造 Vue3 响应式系统 Day 4 - 核心概念:收集依赖、触发更新
前端·vue.js
跟橙姐学代码1 小时前
不要再用 print() 了!Python logging 库才是调试的终极武器
前端·python