1 <!DOCTYPE html>
\r<html>
\r<head>
\r <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
\r <link href="fileuploader.css" rel="stylesheet" type="text/css">
\r <style>
\r body {font-size:13px; font-family:arial, sans-serif; width:700px; margin:100px auto;}
\r </style>
\r \r</head>
\r<body >
\r <h1>ColdFusion File Uploader Demo</h1>
\r <p><a href="http://github.com/valums/file-uploader">Back to project page</a></p>
\r \r <p>To upload a file, click on the button below. Drag-and-drop is supported in FF, Chrome.</p>
\r <p>Progress-bar is supported in FF3.6+, Chrome6+, Safari4+</p>
\r \r <div id="file-uploader-demo1">
\r <noscript>
\r <p>Please enable JavaScript to use file uploader.</p>
\r <!-- or put a simple form for upload here -->
\r </noscript>
\r </div>
\r \r <script src="fileuploader.js" type="text/javascript"></script>
\r <script>
\r function createUploader(){
\r var uploader = new qq.FileUploader({
\r element: document.getElementById('file-uploader-demo1'),
\r action: '/valums/server/coldfusion.cfc',
\r params: {method: 'Upload'}
\r });
\r }
\r \r // in your app create uploader as soon as the DOM is ready
\r // don't wait for the window to load
\r window.onload = createUploader;
\r </script>
\r</body>
\r</html>