mui HTML5 plus 下載文件

<header class="mui-bar mui-bar-nav"><a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a><h1 class="mui-title">下載</h1> </header> <div class="mui-content"><div class="mui-progressbar" id="bar"><span></span></div><button class="mui-btn mui-btn-block mui-btn-green" onclick="createDownload();">開始下載</button> </div> <script src="js/mui.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //初始化下載對象var dtask = null;function createDownload(){//判斷文件是否已經下載 plus.io.resolveLocalFileSystemURL('_downloads/Snip_V2.0_5771.dmg',function(entry){if(entry.isFile){mui.toast('已經下載');mui.alert(entry.fullPath);}},function(e){dBase();});}function dBase(){if(dtask){mui.toast('下載任務已經存在');return;}dtask = plus.downloader.createDownload('http://snip.qq.com/resources/Snip_V2.0_5771.dmg',{method:'GET'},function(d,status){mui.toast(d.filename);});dtask.addEventListener("statechanged",function(task,status){if(!dtask){return;}switch(task.state){case 1: mui.toast('開始下載...');break;//開始case 2: mui.toast('鏈接到服務器...');break;//鏈接到服務器case 3:var progressVal = (task.downloadedSize/task.totalSize)*100;mui('#bar').progressbar({progress:progressVal}).show();break;case 4: mui.toast('下載完成');break;}});dtask.start();}</script>

總結

以上是生活随笔為你收集整理的mui HTML5 plus 下载文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。