<!DOCTYPE HTML>
|
<html>
|
<head>
|
<meta charset="utf-8"/>
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
<meta name="HandheldFriendly" content="true"/>
|
<meta name="MobileOptimized" content="320"/>
|
<title>Uploaded Data & File</title>
|
<script type="text/javascript">
|
// H5 plus事件处理
|
var ret=null;
|
function plusReady(){
|
ret=plus.storage.getItem('uploader');
|
update();
|
// 添加删除按钮
|
plus.webview.currentWebview().setStyle({titleNView: {
|
buttons:[{
|
fontSrc: '_www/helloh5.ttf',
|
text: '\ue444',
|
fontSize: '22px',
|
onclick: 'javascript:deleteFiles()'
|
}]
|
}});
|
}
|
if(window.plus){
|
plusReady();
|
}else{
|
document.addEventListener('plusready', plusReady, false);
|
}
|
// DOM事件
|
var ce=null;
|
document.addEventListener('DOMContentLoaded', function(){
|
ce=document.getElementById('dcontent');
|
update();
|
}, false);
|
// 更新内容
|
var fs=null;
|
function update(){
|
if(!ret||!ce)return;
|
var j=JSON.parse(ret);
|
var ih='<br/>Datas:<br/><div style="text-align:left;padding:10px 2%;">';
|
var ds=j.strings;
|
for(d in ds){
|
ih += d+' : '+ds[d]+'<br/>';
|
}
|
ih+='</div><hr/>Files:<br/><div id="fl">';
|
fs=j.files;
|
for(f in fs){
|
ih += '<a class="fitem" onclick="plus.runtime.openURL(\'http://demo.dcloud.net.cn/helloh5/uploader/'+fs[f].url+'\')">'+fs[f].name+'</a>';
|
}
|
ih+='</div>';
|
ce.innerHTML=ih;
|
}
|
// 清除上传返回的数据
|
function resetUploader(){
|
plus.storage.setItem('uploader', '');
|
}
|
// 删除上传的文件
|
function deleteFiles(){
|
var url='http://demo.dcloud.net.cn/helloh5/uploader/delete.php?';
|
for(f in fs){
|
url += f+'='+fs[f].name+'&';
|
}
|
var r=new plus.net.XMLHttpRequest();
|
r.open('GET', url);
|
r.send();
|
document.getElementById('fl').innerHTML='';
|
}
|
</script>
|
<script type="text/javascript" src="../js/common.js"></script>
|
<style type="text/css">
|
.fitem {
|
width: 96%;
|
overflow: hidden;
|
padding: 10px 2%;
|
border-bottom: 1px solid #c6c6c6;
|
color: #6c6c6c;
|
text-align: left;
|
text-decoration: none;
|
display: block;
|
}
|
.fitem:active {
|
background: #f4f4f4;
|
}
|
.fname {
|
font-weight: bolder;
|
height: 22px;
|
font-size: 16px;
|
}
|
</style>
|
<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
|
</head>
|
<body>
|
<div id="dcontent">
|
</div>
|
</body>
|
</html>
|
