前端如何保存頁面圖片，并在相冊中查看？-有解無憂

第一次接觸混合開發，然后碰到了很多H5+api，呼叫手機相冊，掃碼，保存圖片等，做技術的注定了要終生學習，但學無止境，我們不可能把所有的知識技能都學完了，學精通了再去作業，我們需要在作業中去提升自己，在作業紅去總結去成長，

我專案是用mui加H5+去開發的，所以在呼叫H5+的api時要等plusready事件發生后才能正常使用，

mui.plusReady(function(){
     //在這里面寫你所呼叫的api
    plus.downloader.createDownload(url, options, completedCB);
    //url：必選， 要下載檔案的url地址，僅支持網路資源地址，支持http或https協議
    //option：可選 
    //completedCB：可選， 下載完成時觸發，不管成功或者失敗都會觸發此回呼
    completedCB(download,status){}
    //download:必選，下載任務物件
    //status：必選 ，下載結果狀態碼，下載成功status=200
    //以上保存圖片成功但是并未保存到圖庫
    plus.gallery.save( path, successCB, errorCB );此方法將圖片保存到圖庫
    //path：必選，保存到相冊中的檔案地址
    //successCB：必選，保存成功后的回呼
    //errorCB：可選，保存失敗后的回呼
});
//以上是一個簡短的檔案，如果需要詳細的了解學習，請看H5+api，點擊即可www.html5plus.org/doc/h5p.html
//以下為完整代碼
mui.plusReady(function(){
    plus.downloader.createDownload(url, {}, function(download,status){
        if(status=200){
            plus.gallery.save( download.filename, function(){
                plus.nativeUI.toast("保存成功");
            }, function(){
                 plus.nativeUI.toast("保存失敗");
            });
        }else{
            plus.nativeUI.toast("下載失敗");
        }
    });
});

一般這兩個方法結合使用，我的理解是創建一個下載任務，將網路地址圖片下載到本地，然后利用plus.gallery.sava()方法將保存到手機系統檔案夾里面的圖片復制粘貼到手機圖庫，方便查看，

一個來自剛進入前端小白的作業總結，不喜勿噴，如有不對的地方還請指出！

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/174694.html

標籤：JavaScript

上一篇：關于前端截圖爬過的坑！

下一篇：閉包的理解