当前位置: 首页 > news >正文

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  },

http://www.lryc.cn/news/310250.html

相关文章:

  • 全量知识系统问题及SmartChat给出的答复 之5
  • DolphinScheduler——工作流实例的生命周期
  • 阻塞和非阻塞网络io有什么区别,分别有哪些应用场景?
  • 面试数据库篇(mysql)- 12分库分表
  • LaTeX中的多行数学公式
  • 绕过5秒盾Cloudflare和DDoS-GUARD
  • react 原理揭秘
  • el-table实现转置表格
  • (3)(3.1) FlightDeck FrSky发射器应用程序
  • 【Unity】导入IAP插件后依赖冲突问题 com.android.billingclient冲突
  • docker 转为docker-compose(composerize 命令)
  • 【Golang切片】
  • React-router的创建和第一个组件
  • 计算机设计大赛 深度学习猫狗分类 - python opencv cnn
  • Linux服务器磁盘及内存用量监控Python脚本(推送钉钉群通知)
  • Android13 Audio框架
  • kafka消费者接收不到消息
  • Python如何从SQL Server存取数据?
  • 学校机房Dev c++解决中文乱码问题
  • 基于java+springboot景区行李寄存管理系统设计和实现
  • 03-grafana的下拉列表选项制作-grafana的变量
  • Linux网络编程—— IO多路复用
  • C++进阶(二) 多态
  • 【C++】set、multiset与map、multimap的使用
  • Matlab/simulink微电网的PQ控制和下垂控制无缝切换建模仿真
  • 外包干了6个月,技术退步明显
  • 3. springboot中集成部署vue3
  • 问题
  • #WEB前端
  • c语言经典测试题9