js_upload/file-uploader/client/demo.htm

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5         <link href="fileuploader.css" rel="stylesheet" type="text/css">
   6     <style>
   7                 body {font-size:13px; font-family:arial, sans-serif; width:700px; margin:100px auto;}
   8     </style>
   9 </head>
  10 <body>
  11     <p><a href="http://github.com/valums/file-uploader">Back to project page</a></p>
  12
  13         <p>To upload a file, click on the button below. Drag-and-drop is supported in FF, Chrome.</p>
  14         <p>Progress-bar is supported in FF3.6+, Chrome6+, Safari4+</p>
  15
  16         <div id="file-uploader-demo1">
  17                 <noscript>
  18                         <p>Please enable JavaScript to use file uploader.</p>
  19                         <!-- or put a simple form for upload here -->
  20                 </noscript>
  21         </div>
  22
  23     <script src="fileuploader.js" type="text/javascript"></script>
  24     <script>
  25         function createUploader(){
  26             var uploader = new qq.FileUploader({
  27                 element: document.getElementById('file-uploader-demo1'),
  28                 action: 'do-nothing.htm',
  29                 debug: true
  30             });
  31         }
  32
  33         // in your app create uploader as soon as the DOM is ready
  34         // don't wait for the window to load
  35         window.onload = createUploader;
  36     </script>
  37 </body>
  38 </html>