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)文章
小程序跳轉(zhuǎn)到的H5頁(yè)面再跳轉(zhuǎn)回跳小程序的方法
這篇文章主要介紹了小程序跳轉(zhuǎn)到的H5頁(yè)面再跳轉(zhuǎn)回跳小程序的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03

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

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