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>