当前位置: 首页 > 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  },

相关文章:

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

问题和使用场景描述&#xff1a; uniapp app web-view中图片无法长按保存&#xff0c;IOS下是正常的&#xff0c;但是Android下长按无反应 解决方案&#xff1a; 下载mui.min.js&#xff0c;放到项目中的static下(下载见最上面的压缩包) 在static目录下新建script.js mui.…...

全量知识系统问题及SmartChat给出的答复 之5

Q15. 支持前端&#xff08;知识表征&#xff09;的自然语言能力 需要一个 元语言注释工具 以及两个库&#xff08;叙词库和语料库&#xff09;和主题词表。请 1)设计 两个库和主题词表的结构 &#xff0c;2&#xff09;分别设计它们的接口&#xff0c;3&#xff09;通过调用它们…...

DolphinScheduler——工作流实例的生命周期

目录 一、DolphinScheduler架构原理 1.1 系统架构图 1.2 DolphinScheduler核心概念 1.2 创建工作流 1.2.1 如何触发一个工作流实例 1.2.2 任务调度链路监控 1.2.3 Workflow-DAG解析 DAG解析 Dispatch分发流程 Master和Worker的交互过程 1.3 任务运行状态 该篇文章主…...

阻塞和非阻塞网络io有什么区别,分别有哪些应用场景?

阻塞&#xff08;Blocking&#xff09;和非阻塞&#xff08;Non-blocking&#xff09;网络I/O是两种不同的I/O模型&#xff0c;它们在处理I/O操作时的行为和特点有所不同。 阻塞式网络I/O&#xff08;Blocking I/O&#xff09;&#xff1a; 在阻塞式网络I/O中&#xff0c;当应…...

面试数据库篇(mysql)- 12分库分表

拆分策略 垂直分库 垂直分库:以表为依据,根据业务将不同表拆分到不同库中。 特点: 按业务对数据分级管理、维护、监控、扩展在高并发下,提高磁盘IO和数据量连接数垂直分表:以字段为依据,根据字段属性将不同字段拆分到不同表中。 特点: 1,冷热数据分离 2,减少IO过渡争…...

LaTeX中的多行数学公式

目录 参考链接 一、gather以及gather*环境编排公式 1、 gather环境 2、 gather*环境 3、 阻止编号 二、align以及align*环境设定公式对齐方式 1、align环境 2、align*环境 三、split环境实现一个公式多行排版 四、cases环境实现分段函数 参考链接 LaTeX中的多行数学…...

绕过5秒盾Cloudflare和DDoS-GUARD

绕过5秒盾Cloudflare和DDoS-GUARD 5秒盾的特点免费版5秒盾的绕过方法付费版5秒盾的绕过方法 5秒盾的特点 <title>Just a moment...</title>例如: <!DOCTYPE html><html lang"en-US"><head><title>Just a moment...</title&…...

react 原理揭秘

1.目标 A. 能够知道setState()更新数据是异步的 B. 能够知道JSX语法的转化过程 C. 能够说出React组件的更新机制 D. 能够对组件进行性能优化 E. 能够说出虚拟DOM和Diff算法 2.目录 A. setState()的说明 B. JSX语法的转化过程 C. 组件更新机制 D. 组件性能优化 E. 虚拟DOM和D…...

el-table实现转置表格

vue版本&#xff1a;vue2.6.10 elementui版本&#xff1a;2.15.14 实现效果&#xff1a;el-table实现行列互换 代码&#xff1a; <template><div class"app-container"><span>原始数据</span><el-table:data"datas"border>…...

(3)(3.1) FlightDeck FrSky发射器应用程序

文章目录 前言 1 概述 2 Turnkey Packages 3 参数说明 前言 ​Craft and Theory 的 FlightDeck 可让你轻松查看飞行模式、高度、速度、姿态和关键系统警报&#xff0c;包括故障保护和电池错误&#xff0c;如电池不平衡警告和发射机低电量警报。 1 概述 Craft and Theory 的…...

【Unity】导入IAP插件后依赖冲突问题 com.android.billingclient冲突

【Unity】Attribute meta-data#com.google.android.play.billingclient.version 多版本库冲突_unity billingclient-CSDN博客 打开mainTemplate.gradle 找到dependencies { } 在里面末尾加上如下&#xff1a; configurations.all {exclude group: com.android.billingclien…...

docker 转为docker-compose(composerize 命令)

可以使用Composerize将Docker命令转换为Docker Compose文件。 例如&#xff1a;将docker run命令转换为Docker Compose格式&#xff0c;只需用Composerize运行它&#xff0c;如下所示&#xff1a; composerize docker run -d -p 9000:9000 -v /var/run/docker.sock:/var/run/…...

【Golang切片】

切片 切片的引入内存分析切片的定义切片的遍历切片注意事项 切片的引入 【1】切片&#xff08;slice&#xff09;是golang中一种特有的数据类型 【2】数组有特定的用处&#xff0c;但是却有一些呆板&#xff08;数组长度固定不可变&#xff09;&#xff0c;所以在Go语言的代码…...

React-router的创建和第一个组件

需要先学react框架 首先&#xff1a;找到一个文件夹&#xff0c;在文件夹出打开cmd窗口&#xff0c;输入如下图的口令 npx create-react-app demo 然后等待安装 安装完成 接下来进入创建的demo实例 cd demo 然后可以用如下方式打开vscode code . 注意&#xff1a;不要忽略点号与…...

计算机设计大赛 深度学习猫狗分类 - python opencv cnn

文章目录 0 前言1 课题背景2 使用CNN进行猫狗分类3 数据集处理4 神经网络的编写5 Tensorflow计算图的构建6 模型的训练和测试7 预测效果8 最后 0 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 &#x1f6a9; **基于深度学习猫狗分类 ** 该项目较为新颖&a…...

Linux服务器磁盘及内存用量监控Python脚本(推送钉钉群通知)

文章目录 Python 脚本钉钉推送通知定时任务 Python 脚本 # -*- coding: utf-8 -*- import subprocessdef get_disk_usage():# 执行 df 命令获取磁盘使用情况df_process subprocess.Popen([df, -h, /], stdoutsubprocess.PIPE)output, _ df_process.communicate()output out…...

Android13 Audio框架

一、Android 13音频代码结构 1、framework: android/frameworks/base 1.AudioManager.java &#xff1a;音频管理器&#xff0c;音量调节、音量UI、设置和获取参数等控制流的对外API 2.AudioService.java &#xff1a;音频系统服务&#xff08;java层&#xff09;&#xff0c…...

kafka消费者接收不到消息

背景&#xff1a; 对kafka消息进行监听&#xff0c;生产者发了消息&#xff0c;但是消费端没有接到消息&#xff0c;监听代码 消费端&#xff0c;kafka配置 spring.kafka.bootstrap-serverskafka.cestc.dmp:9591 spring.kafka.properties.sasl.jaas.configorg.apache.kafka.…...

Python如何从SQL Server存取数据?

在Python中&#xff0c;你可以使用各种库来连接和操作 SQL Server 数据库。一种常用的库是pyodbc&#xff0c;它是一个用于连接到各种数据库的开源 Python 库&#xff0c;包括 SQL Server。以下是连接到 SQL Server 并存取数据的基本步骤&#xff1a; 1、安装 pyodbc 库&#…...

学校机房Dev c++解决中文乱码问题

工具->编译选项->勾选 编译时加入以下命令 -fexec-charsetGBK -finput-charsetUTF-8 显示中文&#xff1a;工具->编辑器选项->去掉第一个的勾勾。...

从NOAA网站高效获取气象数据的完整指南

1. NOAA气象数据宝库入门指南 第一次接触NOAA气象数据时&#xff0c;我就像走进了一个巨大的图书馆却找不到想要的书籍。经过多次实践&#xff0c;终于摸清了门道。NOAA&#xff08;美国国家海洋和大气管理局&#xff09;的官方网站堪称气象数据的"金矿"&#xff0c;…...

颠覆式英雄联盟效率革命:League-Toolkit智能助手全解析

颠覆式英雄联盟效率革命&#xff1a;League-Toolkit智能助手全解析 【免费下载链接】League-Toolkit An all-in-one toolkit for LeagueClient. Gathering power &#x1f680;. 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit 在快节奏的英雄联盟对局中&…...

ISPS编程语言HLS设计

一、ISPS编程语言HLS设计 1.ISPS 并非现代主流编程语言 2.ISPS‌ 全称为 ‌Instruction Set Processor Specifications‌&#xff08;指令集处理器规范&#xff09;&#xff0c;是一种用于描述数字系统结构和行为的‌早期硬件描述语言‌ ‌ 3.ISPS 属于‌第二代硬件描述语言‌&…...

第二十五节:Skill的打包、版本控制与社区发布

引言 上一章&#xff0c;我们为Skill精心打造了专业的README文档&#xff0c;这好比为产品准备好了精美的说明书。但要让用户能真正“安装”并使用你的成果&#xff0c;我们还需要完成从本地项目到可分发“产品”的关键转化。本章&#xff0c;我们将聚焦于Skill的打包、版本控制…...

AI手势识别如何防误触?手势过滤策略优化案例

AI手势识别如何防误触&#xff1f;手势过滤策略优化案例 1. 引言&#xff1a;当你的手“不听使唤” 你有没有遇到过这样的情况&#xff1f;对着摄像头比了个“耶”&#xff0c;结果系统识别成了“OK”&#xff1b;想用手势控制音乐暂停&#xff0c;结果因为手指稍微动了一下&…...

智能售后工单分类:EcomGPT-7B+NLP多标签分类

智能售后工单分类&#xff1a;EcomGPT-7BNLP多标签分类 电商售后每天涌入数千张工单&#xff0c;人工分类处理需要4小时&#xff0c;现在只需30分钟 每天早晨&#xff0c;电商客服团队都要面对堆积如山的售后工单。商品质量问题、物流投诉、退款申请、技术咨询……各种问题混杂…...

Asian Beauty Z-Image Turbo 学术研究:基于其生成能力的视觉认知心理学实验设计

Asian Beauty Z-Image Turbo 学术研究&#xff1a;基于其生成能力的视觉认知心理学实验设计 最近和几位做认知心理学的朋友聊天&#xff0c;他们提到一个挺头疼的问题&#xff1a;做面部表情识别或者情绪感知这类实验&#xff0c;找合适的视觉刺激材料太费劲了。要么是公开的数…...

408计算机考研-计算机操作系统笔记-王道

计算机操作系统笔记-王道1.1.11.1.2操作系统的概念与功能操作系统的概念&#xff08;定义&#xff09;操作系统的功能和目标--向上提供方便易用的服务总结1.1.3 操作系统的特性并发与共享虚拟异步总结1.2_操作系统的发展和分类手工阶段批处理阶段--单道批处理系统多道批处理系统…...

S2-Pro辅助3D建模与场景描述:连接自然语言与Blender脚本生成

S2-Pro辅助3D建模与场景描述&#xff1a;连接自然语言与Blender脚本生成 1. 当3D建模遇上自然语言 想象一下这样的场景&#xff1a;你脑海中浮现出一个充满未来感的客厅设计&#xff0c;但打开Blender后却不知从何下手。传统3D建模需要掌握复杂软件操作和脚本编写&#xff0c…...

Z-Image-Turbo-辉夜巫女实战教程:GPU算力弹性伸缩——按需加载LoRA模型

Z-Image-Turbo-辉夜巫女实战教程&#xff1a;GPU算力弹性伸缩——按需加载LoRA模型 1. 快速了解Z-Image-Turbo-辉夜巫女 Z-Image-Turbo-辉夜巫女是基于Z-Image-Turbo模型的LoRA版本&#xff0c;专门优化用于生成辉夜巫女风格图片的AI模型。这个模型通过Xinference框架部署&am…...