muiを使用して長押しで画像を保存
8705 ワード
変換元:https://blog.csdn.net/qq_36676237/article/details/81533124
まずmuiを初期化します(longtapは私たちが使用するもので、longtapのデフォルトはfalseで、trueに初期化されていない場合は、イベントを長押しして無効です)mui.init({gestureConfig:{tap:true,//デフォルトtrue doubletap:true,//デフォルトfalse longtap:true,//デフォルトfalse swipe:true,//デフォルトtrue drag:true,//デフォルトtrue hold:true,//デフォルトfalseとしてrelease:false//デフォルトはfalse、傍受しない});//画像を長押しして保存するimgタグにclass='saveImg'var divs=documentを設定する.getElementsByClassName('saveImg');for(var i=0;i divs[i].addEventListener('longtap',function(){//開弾枠mui('#picture').popover('togle');var imgurl=this.src;document.getElementById('saveImg').addEventListener('tap',function(){ var imgDtask = plus.downloader.createDownload(imgurl,{method:'GET'}, function (d,status) { if(status == 200){ plus.gallery.save(d.filename, function () アルバムに保存plus.io.resolveLocalFileSystem URL(d.filename,function(enpty){//弾枠mui('#picture').popover('togle')を閉じる; mui.toast('保存成功')});}}}else{mui.toast('保存に失敗しました')}); imgDtask.start(); }); }) } 画像を保存 キャンセル ps:muiを導入するjsとcss
別の方法:
まずmuiを初期化します(longtapは私たちが使用するもので、longtapのデフォルトはfalseで、trueに初期化されていない場合は、イベントを長押しして無効です)mui.init({gestureConfig:{tap:true,//デフォルトtrue doubletap:true,//デフォルトfalse longtap:true,//デフォルトfalse swipe:true,//デフォルトtrue drag:true,//デフォルトtrue hold:true,//デフォルトfalseとしてrelease:false//デフォルトはfalse、傍受しない});//画像を長押しして保存するimgタグにclass='saveImg'var divs=documentを設定する.getElementsByClassName('saveImg');for(var i=0;i divs[i].addEventListener('longtap',function(){//開弾枠mui('#picture').popover('togle');var imgurl=this.src;document.getElementById('saveImg').addEventListener('tap',function(){ var imgDtask = plus.downloader.createDownload(imgurl,{method:'GET'}, function (d,status) { if(status == 200){ plus.gallery.save(d.filename, function () アルバムに保存plus.io.resolveLocalFileSystem URL(d.filename,function(enpty){//弾枠mui('#picture').popover('togle')を閉じる; mui.toast('保存成功')});}}}else{mui.toast('保存に失敗しました')}); imgDtask.start(); }); }) } 画像を保存 キャンセル ps:muiを導入するjsとcss
別の方法:
<script type="text/javascript"> mui.init({ gestureConfig: { longtap: true } }); mui.plusReady(function() { document.addEventListener('longtap', function(e) { var target = e.target; savePic(target); }); }); /** * * 1. * 2. * 3. */ function savePic(target) { if(target.tagName == 'IMG' && target.currentSrc.length > 0 ) { // var imgUrl = target.src; var suffix = cutImageSuffix(imgUrl); mui.confirm(" ", "", [" ", " "], function(event) { var index = event.index; if(index == 0) { var timestamp = (new Date()).valueOf(); var downLoader = plus.downloader.createDownload(imgUrl, { method: 'GET', filename: '_downloads/image/' + timestamp+'.png' }, function(download, status) { var fileName = download.filename; /** * */ plus.gallery.save(fileName, function() { mui.toast(" " ); }); }); /** * */ downLoader.start(); }