<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>UploadiFive Test</title>

<script src="jquery.min.js" type="text/javascript"></script>

<script src="jquery.uploadifive.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="uploadifive.css">

<style type="text/css">

body {

	font: 13px Arial, Helvetica, Sans-serif;

}

.uploadifive-button {

	float: left;

	margin-right: 10px;

}

#queue {

	border: 1px solid #E5E5E5;

	height: 177px;

	overflow: auto;

	margin-bottom: 10px;

	padding: 0 3px 3px;

	width: 300px;

}

</style>

</head>



<body>

	<h1>UploadiFive Demo----</h1>

	<?php 

	$uploadDir = '../../../files2/';

	echo $uploadDir  = $_SERVER['DOCUMENT_ROOT'] . $uploadDir;

	echo 'hola';

	?>

	<form>

		<div id="queue"></div>

		<input id="file_upload" name="file_upload" type="file" multiple="true">

		<a style="position: relative; top: 8px;" href="javascript:$('#file_upload').uploadifive('upload')">Upload Files</a>

	</form>



	<script type="text/javascript">

		<?php $timestamp = time();?>

		$(function() {

			$('#file_upload').uploadifive({

				'auto'             : false,

				'checkScript'      : 'check-exists.php',

				'formData'         : {

									   'timestamp' : '<?php echo $timestamp;?>',

									   'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'

				                     },

				'queueID'          : 'queue',

				'uploadScript'     : 'uploadifive.php',

				'onUploadComplete' : function(file, data) { console.log(data); }

			});

		});

	</script>

</body>

</html>