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.pswp.cn/news/716750.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/716750.shtml
英文地址,請注明出處:http://en.pswp.cn/news/716750.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

vue2本地開發環境正常,生產環境下this.$router.push({ name: ‘login‘ })不跳轉

如果在Vue.js 2中在本地開發環境下正常運行,但在生產環境下使用??this.$router.push({ name: login })??不起作用,可能有幾個原因需要檢查和解決: 路由配置問題: 確保你的路由配置正確,特別是確保在生產環境中,路由的配置和本地開發環境一致。檢查是否正確設置了name…

基于springboot+vue的智能學習平臺系統

博主主頁&#xff1a;貓頭鷹源碼 博主簡介&#xff1a;Java領域優質創作者、CSDN博客專家、阿里云專家博主、公司架構師、全網粉絲5萬、專注Java技術領域和畢業設計項目實戰&#xff0c;歡迎高校老師\講師\同行交流合作 ?主要內容&#xff1a;畢業設計(Javaweb項目|小程序|Pyt…

SAP PP學習筆記 - 豆知識07 - 如何查看BOM一覽

SAP標準提供了CS03&#xff0c;只能查詢單個的BOM&#xff0c;如果想查看一覽&#xff0c;只能自己寫SQVI 查詢。 有其他高招的童鞋&#xff0c;請賜教啊。 1&#xff0c;SQVI 工具 SAP MM學習筆記18- SQVI 工具_sap sqvi-CSDN博客 輸入查詢名&#xff0c;然后點擊 登錄 2&a…

#QT(DEMO2-登錄界面)

1.IDE&#xff1a;QTCreator 2.實驗&#xff1a;DEMO登錄 3.記錄 Line Edit輸入不換行 密碼框輸入如下設置: 運行效果 4.代碼

Vue.js+SpringBoot開發在線課程教學系統

目錄 一、摘要1.1 系統介紹1.2 項目錄屏 二、研究內容2.1 課程類型管理模塊2.2 課程管理模塊2.3 課時管理模塊2.4 課程交互模塊2.5 系統基礎模塊 三、系統設計3.1 用例設計3.2 數據庫設計 四、系統展示4.1 管理后臺4.2 用戶網頁 五、樣例代碼5.1 新增課程類型5.2 網站登錄5.3 課…

五、西瓜書——集成學習

1.個體與集成 集成學習通過將多個學習器進行結合,常可獲得比單一學習器顯著優越的泛化性能&#xff0c;這對“弱學習器”(weak learner)尤為明顯因此集成學習的很多理論研究都是針對弱學習器進行的而基學習器有時也被直接稱為弱學習器。 要獲得好的集成個體學習器應“好而不同”…

武漢灰京文化:多樣化推廣與創新引領游戲行業

作為專業的游戲推廣服務商&#xff0c;武漢灰京文化注重多樣化的推廣策略&#xff0c;通過與各大媒體、社交平臺和游戲社區建立緊密的合作關系&#xff0c;為游戲企業提供全方位的推廣服務。他們通過精確的廣告投放、內容創作和社交媒體互動等方式&#xff0c;將游戲信息傳播給…

【C++】STL學習之旅——初識STL,認識string類

string類 1 STL 簡介2 STL怎么學習3 STL缺陷4 string4.1 初識 string4.2 初步使用構造函數成員函數 5 小試牛刀Thanks?(&#xff65;ω&#xff65;)&#xff89;謝謝閱讀&#xff01;&#xff01;&#xff01;下一篇文章見&#xff01;&#xff01;&#xff01; 1 STL 簡介 …

解讀OWASP軟件保障成熟度模型SAMM

OWASP軟件保證成熟度模型&#xff08;SAMM&#xff09;可為所有類型的組織分析和改進其軟件安全態勢提供有效和可衡量的方法。OWASP SAMM支持完整的軟件生命周期&#xff0c;包括開發和獲取&#xff0c;并且與技術和過程無關。 1. 簡介 OWASP軟件保證成熟度模型&#xff08;SA…

數據結構 第3章 棧、隊列和數組(一輪習題總結)

第3章 棧、隊列和數組 3.1 棧3.2 隊列3.3 棧與隊列的應用3.4 數組和特殊矩陣 3.1 棧&#xff08;1 10 11 20&#xff09; 3.2 隊列&#xff08;6 12 14 17&#xff09; 3.3 棧與隊列的應用&#xff08;6 11&#xff09; 3.4 數組和特殊矩陣 3.1 棧 T1 棧和隊列具有相同的邏輯…

Java的基本數據類型和引用數據類型

Java的基本數據類型和引用數據類型 Java中的基本數據類型包括整數類型、浮點類型、字符類型和布爾類型&#xff0c;而引用數據類型主要包括類、接口、數組和枚舉。具體介紹如下&#xff1a; 基本數據類型&#xff1a; 整數類型&#xff1a;包括byte、short、int、long&#…

k8s-prometheus監控部署 22

新建項目倉庫并上傳部署prometheus所需的鏡像 開始部署 修改svc訪問方式為LoadBalancer 查看用戶名和密碼 訪問grafana監控頁面 http://192.168.182.103/?????? 修改可視化模板 官方監控模板&#xff1a;https://grafana.com/grafana/dashboards 訪問prometheus監控頁面…

1. vue3-環境準備

1、安裝node.js 如果開發環境上面沒有安裝node.js&#xff0c;需要到node.js官方網站下載node.js。下載安裝后&#xff0c;可以通過npm --version查看nodejs版本 2. 開發工具 開發工具建議使用vscode

知識圖譜1——neo4j

2024年要搞知識圖譜&#xff0c;因此沒有辦法&#xff0c;只能將我之前固守的JDK1.8&#xff0c;升級到JDK21&#xff0c;因為JDK21也是LTS版本&#xff0c;neo4j高版本就不支持JDK8&#xff0c;因此沒有辦法&#xff0c;只有升級了。寫這篇只是一個搭建筆記&#xff0c;我的初…

AJAX 學習筆記(Day3)

「寫在前面」 本文為黑馬程序員 AJAX 教程的學習筆記。本著自己學習、分享他人的態度&#xff0c;分享學習筆記&#xff0c;希望能對大家有所幫助。推薦先按順序閱讀往期內容&#xff1a; 1. AJAX 學習筆記&#xff08;Day1&#xff09; 目錄 3 AJAX 原理 3.1 XMLHttpRequest 3…

springboot心靈治愈交流平臺源碼和論文

本論文主要論述了如何使用JAVA語言開發一個心靈治愈交流平臺 &#xff0c;本系統將嚴格按照軟件開發流程進行各個階段的工作&#xff0c;采用B/S架構&#xff0c;面向對象編程思想進行項目開發。在引言中&#xff0c;作者將論述心靈治愈交流平臺的當前背景以及系統開發的目的&a…

@Transactional--開啟事物后換源報錯

一、問題出現的場景 系統架構設計、每個企業一個企業庫、通過數據源切在平臺庫、和企業庫之間動態切換完成業務操作。 二、跨庫事物失效的原因 1、SpringTransactional不支持跨數據源事物&#xff0c;Spring 事物控制是基于數據庫鏈接進行的&#xff0c;當數據源切換后&#x…

SQL中把datetime 轉為字符串

在 SQL 中&#xff0c;將 datetime 類型的數據轉換為字符串可以使用不同的方法&#xff0c;具體取決于你使用的數據庫系統。以下是一些常見數據庫系統中將 datetime 轉換為字符串的示例&#xff1a; 1. MySQL 在 MySQL 中&#xff0c;你可以使用 DATE_FORMAT() 函數將 dateti…

SketchUp Pro 2023:顛覆傳統,重塑設計世界mac/win版

SketchUp Pro 2023是一款強大的三維建模軟件&#xff0c;專為設計師、建筑師和創意專業人士打造。這款軟件以其直觀易用的界面和強大的功能而著稱&#xff0c;為用戶提供了無限的創意空間。 SketchUp Pro 2023軟件獲取 SketchUp Pro 2023在用戶體驗方面進行了全面的優化&#…

SpringBoot整合rabbitmq-重復消費問題

說明&#xff1a;重復消費的原因大致是生產者將信息A發送到隊列中&#xff0c;消費者監聽到消息A后開始處理業務&#xff0c;業務處理完成后&#xff0c;監聽在告知rabbitmq消息A已經被消費完成途中中斷&#xff0c;也就時說我已經處理完業務&#xff0c;而隊列中還存在當前消息…