vamsiikrishna/gist:849114

## gistfile1.html
<html>
<head>
<title>Upload Form</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" id="theme">
<link rel="stylesheet" href="http://dl.dropbox.com/u/8626323/dnd/jquery.fileupload-ui.css">
<style>
body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 20px;
}
</style>

</head>
<body>

<?php echo $error;?>


<form action="index.php/upload/do_upload" method="post" accept-charset="utf-8" id="file_upload" enctype="multipart/form-data">
<input type="file" name="userfile" multiple />
   <button>Upload</button>

    <div>Upload files</div>

</form>


<table id="files"></table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script src="../jquery.fileupload.js"></script>
<script src="../jquery.fileupload-ui.js"></script>
<script>
/*global $ */
$(function () {
    $('#file_upload').fileUploadUI({
        uploadTable: $('#files'),
        downloadTable: $('#files'),
        buildUploadRow: function (files, index) {
            return $('<tr><td>' + files[index].name + '<\/td>' +
                    '<td class="file_upload_progress"><div><\/div><\/td>' +
                    '<td class="file_upload_cancel">' +
                    '<button class="ui-state-default ui-corner-all" title="Cancel">' +
                    '<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
                    '<\/button><\/td><\/tr>');
        },
        buildDownloadRow: function (file) {
            return $('<tr><td>' + file.name + '<\/td><\/tr>');
        }


    });
});
</script>


</body>
</html>
	<html>
	<head>
	<title>Upload Form</title>
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" id="theme">
	<link rel="stylesheet" href="http://dl.dropbox.com/u/8626323/dnd/jquery.fileupload-ui.css">
	<style>
	body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 20px;
	}
	</style>

	</head>
	<body>

	<?php echo $error;?>




	<form action="index.php/upload/do_upload" method="post" accept-charset="utf-8" id="file_upload" enctype="multipart/form-data">
	<input type="file" name="userfile" multiple />
	<button>Upload</button>

	<div>Upload files</div>

	</form>




	<table id="files"></table>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
	<script src="../jquery.fileupload.js"></script>
	<script src="../jquery.fileupload-ui.js"></script>
	<script>
	/global $ /
	$(function () {
	$('#file_upload').fileUploadUI({
	uploadTable: $('#files'),
	downloadTable: $('#files'),
	buildUploadRow: function (files, index) {
	return $('<tr><td>' + files[index].name + '<\/td>' +
	'<td class="file_upload_progress"><div><\/div><\/td>' +
	'<td class="file_upload_cancel">' +
	'<button class="ui-state-default ui-corner-all" title="Cancel">' +
	'<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
	'<\/button><\/td><\/tr>');
	},
	buildDownloadRow: function (file) {
	return $('<tr><td>' + file.name + '<\/td><\/tr>');
	}


	});
	});
	</script>




	</body>
	</html>