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

時間 2019-11-10

標籤前端如何保存頁面圖片相冊查看简体版

原文原文鏈接

第一次接觸混合開發，而後碰到了不少H5+api，調用手機相冊，掃碼，保存圖片等。作技術的註定了要終生學習，但學無止境，咱們不可能把全部的知識技能都學完了，學精通了再去工做，咱們須要在工做中去提高本身，在工做紅去總結去成長。html

我項目是用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("下載失敗");
        }
    });
});