前端如何保存頁面圖片，並在相冊中查看？

第一次接觸混合開發，然后碰到了很多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()方法將保存到手機系統文件夾里面的圖片復制粘貼到手機圖庫，方便查看。

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