uploader_ret.html 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  6. <meta name="HandheldFriendly" content="true"/>
  7. <meta name="MobileOptimized" content="320"/>
  8. <title>Hello H5+</title>
  9. <script type="text/javascript">
  10. // H5 plus事件处理
  11. var ret=null;
  12. function plusReady(){
  13. ret=plus.storage.getItem("uploader");
  14. update();
  15. }
  16. if(window.plus){
  17. plusReady();
  18. }else{
  19. document.addEventListener("plusready",plusReady,false);
  20. }
  21. // DOM事件
  22. var ce=null;
  23. document.addEventListener("DOMContentLoaded",function(){
  24. ce=document.getElementById("dcontent");
  25. update();
  26. },false);
  27. // 更新内容
  28. var fs=null;
  29. function update(){
  30. if(!ret||!ce)return;
  31. var j=JSON.parse(ret);
  32. var ih='<br/>Datas:<br/><div style="text-align:left;padding:10px 2%;">';
  33. var ds=j.strings;
  34. for(d in ds){
  35. ih += d+" : "+ds[d]+"<br/>";
  36. }
  37. ih+='</div><hr/>Files:<br/><div id="fl">';
  38. fs=j.files;
  39. for(f in fs){
  40. ih += '<a class="fitem" onclick="plus.runtime.openURL(\'http://demo.dcloud.net.cn/helloh5/uploader/'+fs[f].url+'\')">'+fs[f].name+'</a>';
  41. }
  42. ih+='</div>';
  43. ce.innerHTML=ih;
  44. }
  45. // 清除上传返回的数据
  46. function resetUploader(){
  47. plus.storage.setItem("uploader","");
  48. }
  49. // 删除上传的文件
  50. function deleteFiles(){
  51. var url="http://demo.dcloud.net.cn/helloh5/uploader/delete.php?";
  52. for(f in fs){
  53. url += f+"="+fs[f].name+"&";
  54. }
  55. var r=new plus.net.XMLHttpRequest();
  56. r.open('GET',url);
  57. r.send();
  58. document.getElementById('fl').innerHTML="";
  59. }
  60. </script>
  61. <script type="text/javascript" src="../js/common.js"></script>
  62. <style type="text/css">
  63. .fitem {
  64. width: 96%;
  65. overflow: hidden;
  66. padding: 10px 2%;
  67. border-bottom: 1px solid #c6c6c6;
  68. color: #6c6c6c;
  69. text-align: left;
  70. text-decoration: none;
  71. display: block;
  72. }
  73. .fitem:active {
  74. background: #f4f4f4;
  75. }
  76. .fname {
  77. font-weight: bolder;
  78. height: 22px;
  79. font-size: 16px;
  80. }
  81. .iclear {
  82. background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAYAAAADWlKCAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xNy8xNGW7Pb8AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAD3ElEQVR4nO2b0W3bSBCG/+Hy/dTBsYOQFvV8ugqsVBB3EHcQuQNdB3IH6uCUZxJYpQOmA+td3LmHIw+KjpIZh5R/w/MBBgxxOTujD9RyiKWoKgweotdOwPgRE0KGCSHDhJBhQsgwIWSYEDJMCBkmhAwTQoYJIcOEkGFCyDAhZJgQMkwIGSaEDBNChgkhw4SQYULIMCFkmBAyTAgZJoSM+LUTOEVEeo8timLunPvf1subm5uvfWOw7dwUuoR6CPHeTw6Hw98iknYdV9VdHMd/Zln29FwsuvrpEnpGyImMv1R1c3L+AsDnvlLo6qdL6IwQ731S1/UfqnovIqmqPsxms2XX2LIsV2ikiMjKOfc1y7Kqayxd/XQJHQnx3ichhE+qegcgORr2mOf53aU4ZVluANwefVSJyDqKosdjOXT10yXUCCmKYikinwFMToZ8c87Nsyx7Ol1Ljn+mvPeTuq63AD6cnP8kIqvpdPrQnDNuQT8JnZDdbndpwd4755IuGS0dUioAv50Gaselafrswn9N6ISUZbkUkS9nDm9EZAcAIYTFpbusKIo2zf8pgMWZcQ95ni8HSHswGPuQ5MLhhaoumnGXYqSNiF+Z61Wg69RVdX2tuZxzq2vN1Rc6IbPZbAvgI4D9iNPsAXzMsmw34hwvgm4NaX+KmkX7XkTuAPw+UPjvqrqO43jVNox09dMl1LE2eO/Tw+HQLuIp+gv6DmDX3FFtuq4IuvrpEur5cNF7nxwOh6TrWBzH1bnO/BS2+qGqVH8tRVEsvffJ0PV675OiKJas9dPd9h4xr+v6S/MIZNs8j3rRItw8B7sFsKjreg6g9+P5a0MrRETaDnqBf79IlGVZAaiaxu9JVasoiqrj80IIiYgkIYRJs+YkdV0nZ2LTQSukeVJ7e/JxAiARkXn78xZC6Dr34lqkqnS3uy10fcg1iKKI9gphFrIdK3AIwa4Qox/UfUhZlqMkl+f5f5Ow1W9XCBnsQr69kZiDQS1EVQe/Gxoj5pBQCxGR6i3EHBJqIapavYWYQ0ItZIwGjrkpBMiFjNHAMTeFALmQ9wh1YwgM3xweN4WANYYvYcjNDmNunBgEeiEico9hvsh9E4saeiHT6XTtnEsBPP5CmEfnXDKdTtcDpTUa9GvIMd77SQjhTlXnAObo2LPbsAewFZFtFEXrS++I0NVPl9BPvNLW7N36YctoHMe7Pm9OtdDVz5bQe4d+DXlvmBAyTAgZJoQME0KGCSHDhJBhQsgwIWSYEDJMCBkmhAwTQoYJIcOEkGFCyDAhZJgQMkwIGSaEDBNChgkhw4SQYULIMCFk/AMqfZUpSkU8pwAAAABJRU5ErkJggg==);
  83. background-size: 50px 44px;
  84. }
  85. </style>
  86. <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
  87. </head>
  88. <body>
  89. <header id="header">
  90. <div class="nvbt iback" onclick="resetUploader();back();"></div>
  91. <div class="nvtt">Uploaded Data&amp;File</div>
  92. <div class="nvbt iclear" onclick="deleteFiles()"></div>
  93. </header>
  94. <div id="dcontent" class="dcontent">
  95. </div>
  96. </body>
  97. <script type="text/javascript" src="../js/immersed.js" ></script>
  98. </html>