/KitJs/src/labs/Upload/demo.htm

https://github.com/wuxq/KitJs · HTML · 38 lines · 33 code · 4 blank · 1 comment · 0 complexity · 6e0fb47850e55bca2871e34cececa5dd MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    5. 

  5. 	<link href="fileuploader.css" rel="stylesheet" type="text/css">	
    6. 

  6.     <style>    	
    7. 

  7. 		body {font-size:13px; font-family:arial, sans-serif; width:700px; margin:100px auto;}
    8. 

  8.     </style>	
    9. 

  9. </head>
    10. 

  10. <body>		
    11. 

  11.     <p><a href="http://github.com/valums/file-uploader">Back to project page</a></p>
    12. 

  12.     
    13. 

  13. 	<p>To upload a file, click on the button below. Drag-and-drop is supported in FF, Chrome.</p>
    14. 

  14. 	<p>Progress-bar is supported in FF3.6+, Chrome6+, Safari4+</p>
    15. 

  15. 	
    16. 

  16. 	<div id="file-uploader-demo1">		
    17. 

  17. 		<noscript>			
    18. 

  18. 			<p>Please enable JavaScript to use file uploader.</p>
    19. 

  19. 			<!-- or put a simple form for upload here -->
    20. 

  20. 		</noscript>         
    21. 

  21. 	</div>
    22. 

  22.     
    23. 

  23.     <script src="fileuploader.js" type="text/javascript"></script>
    24. 

  24.     <script>        
    25. 

  25.         function createUploader(){            
    26. 

  26.             var uploader = new qq.FileUploader({
    27. 

  27.                 element: document.getElementById('file-uploader-demo1'),
    28. 

  28.                 action: 'do-nothing.htm',
    29. 

  29.                 debug: true
    30. 

  30.             });           
    31. 

  31.         }
    32. 

  32.         
    33. 

  33.         // in your app create uploader as soon as the DOM is ready
    34. 

  34.         // don't wait for the window to load  
    35. 

  35.         window.onload = createUploader;     
    36. 

  36.     </script>    
    37. 

  37. </body>
    38. 

  38. </html>
    39.