欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

uni-app實(shí)現(xiàn)web-view圖片長(zhǎng)按下載解決方案

 更新時(shí)間:2023年09月16日 10:21:15   作者:培根芝士  
uniapp的web-view中圖片無(wú)法長(zhǎng)按保存,IOS下是正常的,但是Android下長(zhǎng)按無(wú)反應(yīng),這篇文章主要介紹了uni-app實(shí)現(xiàn)web-view圖片長(zhǎng)按下載解決方案,需要的朋友可以參考下
<template>
	<view>
		<web-view :webview-styles="webviewStyles" :src="webUrl"></web-view>
	</view>
</template>

uniapp的web-view中圖片無(wú)法長(zhǎng)按保存,IOS下是正常的,但是Android下長(zhǎng)按無(wú)反應(yīng)

解決方案:

下載mui.min.js,放到項(xiàng)目中的static下

https://github.com/dcloudio/mui/???????

https://github.com/dcloudio/mui/

在static目錄下新建script.js

// static/script.js
mui.init({
    gestureConfig: {
        longtap: true, //默認(rèn)為false
    }
});
document.addEventListener('longtap', function(e) {
	mui.toast('LongPress')
    if (e.target.tagName == "IMG") {
		console.log(e.target.src);
        mui.plusReady(function() {
            mui.confirm('是否下載此圖片', '確認(rèn)下載', '下載', 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('下載成功,請(qǐng)查看相冊(cè)')
                    console.log("下載成功,請(qǐng)查看相冊(cè)");
                    },function (e) {
                        console.log("下載失敗");
                    })
                })
                down.start()
                }
            })
        })
    }
})

向頁(yè)面的web-view注入js

<script>
	export default {
		data() {
			return {
				webviewStyles: {}
			}
		},
		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
		},
	}
</script>

mui框架將很多功能配置都集中在mui.init方法中,要使用某項(xiàng)功能,只需要在mui.init方法中完成對(duì)應(yīng)參數(shù)配置即可,目前支持在 mui.init 方法中配置的功能包括:創(chuàng)建子頁(yè)面、關(guān)閉頁(yè)面、手勢(shì)事件配置、預(yù)加載、下拉刷新、上拉加載、設(shè)置系統(tǒng)狀態(tài)欄背景顏色。 

配置的參數(shù):

mui.init({  
    //子頁(yè)面  
    subpages: [{  
        //...  
    }],  
    //預(yù)加載  
    preloadPages:[  
        //...  
    ],  
    //下拉刷新、上拉加載  
    pullRefresh : {  
       //...  
    },  
    //手勢(shì)配置  
     gestureConfig:{  
       //...  
    },  
    //側(cè)滑關(guān)閉  
    swipeBack:true, //Boolean(默認(rèn)false)啟用右滑關(guān)閉功能    
    //監(jiān)聽Android手機(jī)的back、menu按鍵  
    keyEventBind: {  
        backbutton: false,  //Boolean(默認(rèn)truee)關(guān)閉back按鍵監(jiān)聽  
        menubutton: false   //Boolean(默認(rèn)true)關(guān)閉menu按鍵監(jiān)聽  
    },  
    //處理窗口關(guān)閉前的業(yè)務(wù)  
    beforeback: function() {  
        //... //窗口關(guān)閉前處理其他業(yè)務(wù)詳情點(diǎn)擊 ↑ "關(guān)閉頁(yè)面"鏈接查看  
    },  
    //設(shè)置狀態(tài)欄顏色  
    statusBarBackground: '#9defbcg', //設(shè)置狀態(tài)欄顏色,僅iOS可用  
    preloadLimit:5//預(yù)加載窗口數(shù)量限制(一旦超出,先進(jìn)先出)默認(rèn)不限制  
})

到此這篇關(guān)于uni-app實(shí)現(xiàn)web-view圖片長(zhǎng)按下載的文章就介紹到這了,更多相關(guān)uni-app圖片長(zhǎng)按下載內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • js清除瀏覽器緩存的幾種方法

    js清除瀏覽器緩存的幾種方法

    本文主要介紹了js清除瀏覽器緩存的幾種方法,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-03-03
  • DOM_window對(duì)象屬性之--clipboardData對(duì)象操作代碼

    DOM_window對(duì)象屬性之--clipboardData對(duì)象操作代碼

    clipboardData 對(duì)象提供了對(duì)于預(yù)定義的剪貼板格式的訪問,以便在編輯操作中使用。
    2011-02-02
  • 探究JavaScript中的五種事件處理程序方式

    探究JavaScript中的五種事件處理程序方式

    本篇文章主要介紹了JavaScript中的五種事件處理程序方式,具有一定的參考價(jià)值,有需要的可以了解一下。
    2016-12-12
  • node.js chat程序如何實(shí)現(xiàn)Ajax long-polling長(zhǎng)鏈接刷新模式

    node.js chat程序如何實(shí)現(xiàn)Ajax long-polling長(zhǎng)鏈接刷新模式

    node.js chat是node.js作者用JS寫的一個(gè)多人聊天工具, 源代碼公開下載,網(wǎng)址是chat.nodejs.org。作者用這個(gè)小例子,來(lái)展示如何用nodejs開發(fā)高效率的應(yīng)用程序。對(duì)于nodejs的學(xué)習(xí)者來(lái)說(shuō),是一個(gè)很好的例子
    2012-03-03
  • 探討js字符串?dāng)?shù)組拼接的性能問題

    探討js字符串?dāng)?shù)組拼接的性能問題

    這篇文章主要介紹了有關(guān)js對(duì)字符串?dāng)?shù)組進(jìn)行拼接的性能問題,字符串連接一直是js中性能最低的操作之一,應(yīng)該如何解決呢?請(qǐng)參看本文的介紹
    2014-10-10
  • 最新評(píng)論