]> git.mxchange.org Git - friendica-addons.git/blobdiff - js_upload/file-uploader/client/demo.htm
addon repository relocated
[friendica-addons.git] / js_upload / file-uploader / client / demo.htm
diff --git a/js_upload/file-uploader/client/demo.htm b/js_upload/file-uploader/client/demo.htm
new file mode 100644 (file)
index 0000000..2a0cd6d
--- /dev/null
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+       <link href="fileuploader.css" rel="stylesheet" type="text/css"> 
+    <style>            
+               body {font-size:13px; font-family:arial, sans-serif; width:700px; margin:100px auto;}
+    </style>   
+</head>
+<body>         
+    <p><a href="http://github.com/valums/file-uploader">Back to project page</a></p>
+    
+       <p>To upload a file, click on the button below. Drag-and-drop is supported in FF, Chrome.</p>
+       <p>Progress-bar is supported in FF3.6+, Chrome6+, Safari4+</p>
+       
+       <div id="file-uploader-demo1">          
+               <noscript>                      
+                       <p>Please enable JavaScript to use file uploader.</p>
+                       <!-- or put a simple form for upload here -->
+               </noscript>         
+       </div>
+    
+    <script src="fileuploader.js" type="text/javascript"></script>
+    <script>        
+        function createUploader(){            
+            var uploader = new qq.FileUploader({
+                element: document.getElementById('file-uploader-demo1'),
+                action: 'do-nothing.htm',
+                debug: true
+            });           
+        }
+        
+        // in your app create uploader as soon as the DOM is ready
+        // don't wait for the window to load  
+        window.onload = createUploader;     
+    </script>    
+</body>
+</html>
\ No newline at end of file