<html>
<head>
<link href="https://rawgithub.com/hayageek/jquery-upload-file/master/css/uploadfile.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://rawgithub.com/hayageek/jquery-upload-file/master/js/jquery.uploadfile.min.js"></script>
</head>
<body>
<div id="fileuploader">Upload</div>
<script>
$(document).ready(function() {
$("#fileuploader").uploadFile({
url:"http://hayageek.com/examples/jquery/ajax-multiple-file-upload/upload.php",
fileName:"myfile"
});
});
</script>
</body>
</html>
<link href="http://lib.lorimier.com/lib/jquery-upload-file/uploadfile.css" type="text/css " />
http://lib.lorimier.com/lib/jquery-upload-file/upload.php
<script type="text/javascript" src="http://lib.lorimier.com/lib/jquery-upload-file/jquery.uploadfile.min.js"></script>
$(document).ready(function() {
$("#fileuploader").uploadFile({
url:"lib/upload.php",
fileName:"myfile",
acceptFiles:".xml,.kml",
showPreview:true,
previewHeight: "100px",
previewWidth: "100px",
});
});
<?php
/**
* si l'adresse de destination du fichier n'est pas renseignée, il recul d'un répertoire
*/
$output_dir = "../";
if (isset($_POST['dir'])) { $output_dir=$_POST['dir']; }
if(isset($_FILES["myfile"]))
{
$ret = array();
// This is for custom errors;
/* $custom_error= array();
$custom_error['jquery-upload-file-error']="File already exists";
echo json_encode($custom_error);
die();
*/
$error =$_FILES["myfile"]["error"];
//You need to handle both cases
//If Any browser does not support serializing of multiple files using FormData()
if(!is_array($_FILES["myfile"]["name"])) //single file
{
$fileName = $_FILES["myfile"]["name"];
move_uploaded_file($_FILES["myfile"]["tmp_name"],$output_dir.$fileName);
$ret[]= $fileName;
}
else //Multiple files, file[]
{
$fileCount = count($_FILES["myfile"]["name"]);
for($i=0; $i < $fileCount; $i++)
{
$fileName = $_FILES["myfile"]["name"][$i];
move_uploaded_file($_FILES["myfile"]["tmp_name"][$i],$output_dir.$fileName);
$ret[]= $fileName;
}
}
echo json_encode($ret);
}
?>