第一次接觸混合開發,然後碰到了很多H5+api,調用手機相冊,掃碼,保存圖片等。做技術的註定了要終生學習,但學無止境,我們不可能把所有的知識技能都學完了,學精通了再去工作,我們需要在工作中去提升自己,在工作紅去總結去成長。 我項目是用mui加H5+去開發的,所以在調用H5+的api時要等plusre ...
第一次接觸混合開發,然後碰到了很多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()方法將保存到手機系統文件夾裡面的圖片複製粘貼到手機圖庫,方便查看。
一個來自剛進入前端小白的工作總結,不喜勿噴,如有不對的地方還請指出!