PageRenderTime 47ms CodeModel.GetById 21ms RepoModel.GetById 0ms app.codeStats 1ms

/gallery/form/1.0/uploader/themes/lineQueue/demo.html

https://github.com/akecn/kissy-gallery
HTML | 64 lines | 62 code | 2 blank | 0 comment | 0 complexity | e1aceb1ef4dc5dfaae644ed64eeeec46 MD5 | raw file
    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8"/>
    5. 

  5. <title>使用lineQueue模板的demo</title>
    6. 

  6. <script src="http://a.tbcdn.cn/s/kissy/1.2.0/kissy.js"></script>
    7. 

  7. <link rel="stylesheet" type="text/css" href="http://a.tbcdn.cn/s/kissy/1.2.0/css/reset-min.css" />
    8. 

  8. </head>
    9. 

  9. <style>
    10. 

  10.     body {
    11. 

  11.         font-family: 'Microsoft YaHei';
    12. 

  12.         font-size: 12px;
    13. 

  13.         color: #404040;
    14. 

  14.     }
    15. 

  15.     h4{
    16. 

  16.         font-size:16px;
    17. 

  17.         color:#C58080;
    18. 

  18.         margin:10px 0;
    19. 

  19.     }
    20. 

  20.     .demo-wrapper {
    21. 

  21.         padding: 20px;
    22. 

  22.     }
    23. 

  23. </style>
    24. 

  24. <body>
    25. 

  25. 

  26. <article id="main">
    27. 

  27.     <h4>模板名：lineQueue</h4>
    28. 

  28.     <p>作者：紫英（橘子）&lt;daxingplay@gmail.com&gt;</p>
    29. 

  29.     <p>版本：V1.0 Beta</p>
    30. 

  30.     <div class="demo-wrapper">
    31. 

  31.         <form id="J_UploaderForm" action="test.php">
    32. 

  32.             <div class="form-area">
    33. 

  33.                 <a id="J_UploadBtn" href="#upload()" data-config='{"theme" : "gallery/form/1.0/uploader/themes/lineQueue", "urlsInputName":"urlsInput", "serverConfig":{"action":"../../../demo/form/uploader/upload.php","data":{"dir":"files/"},"dataType" : "json"}, "name":"Filedata"}' data-auth='{"max":[5, "每次最多上传{max}个文件！"]}' class="upload-btn">
    34. 

  34.                     上传图片
    35. 

  35.                     <input type="file" name="Filedata" hidefoucs="true" class="original-file-input">
    36. 

  36.                 </a>
    37. 

  37.                 <span id="J_MsgBoxUpload" class="upload-tips">最多上传<em>5张</em>照片，每张图片小于<em>5M</em></span>
    38. 

  38.             </div>
    39. 

  39.             <div id="J_UploadQueueContainer" class="upload-queue">
    40. 

  40.                 <ul id="J_UploadQueue">
    41. 

  41.                     
    42. 

  42.                 </ul>
    43. 

  43.             </div>
    44. 

  44.             <input id="J_MainPicUrl" type="hidden" name="mainPicUrl" value="" />
    45. 

  45.             <input id="J_UrlsInput" type="hidden" name="urlsInput" value="" />
    46. 

  46.         </form>
    47. 

  47.     </div>
    48. 

  48. </article>
    49. 

  49. <script>
    50. 

  50.     KISSY.config({
    51. 

  51.         packages: [{
    52. 

  52.             name: 'gallery',
    53. 

  53.             path:"../../../../../../",
    54. 

  54.             //path:"http://a.tbcdn.cn/s/kissy/",
    55. 

  55.             charset: 'utf-8'
    56. 

  56.         }]
    57. 

  57.     });
    58. 

  58.     KISSY.use('gallery/form/1.0/uploader/index', function (S, RenderUploader) {
    59. 

  59.         //第一个参数：按钮元素钩子，第二个参数：队列元素钩子
    60. 

  60.         new RenderUploader('#J_UploadBtn', '#J_UploadQueue');
    61. 

  61.     });
    62. 

  62. </script>
    63. 

  63. </body>
    64. 

  64. </html>
    65.