Código HTML:
<div class="dropzone" > <div class="fallback"> <input name="file" type="file" multiple /> </div> </div>
Código:
la variable $hash es en la que le genero un codigo para codificarlas Dropzone.autoDiscover = false;// para evitar errores por no ser un campo form
//definimos la funcionalidad de dropzone
$(".dropzone").dropzone({
url: "uploads.php",// archivo que realiza las acciones
addRemoveLinks: true,// para poder borrar archivos del dropzone
maxFileSize: 1000,//tamaño maximo de los archivos en megas
dictResponseError: "Ha ocurrido un error en el servidor",//mensage de error si no funciona
acceptedFiles: 'image/*,.jpeg,.jpg,.png,.gif,.JPEG,.JPG,.PNG,.GIF,.rar,application/pdf,.psd',// archivos que acepta
complete: function(file){
// Si el archivo sube correctamente
alert ('El array file = '+file);
if(file.status == "success"){
alert("El siguiente archivo ha subido correctamente: " + file.name);
}
},
// Si el archivo no sube correctamente
error: function(file){
alert("Error subiendo el archivo " + file.name);
},
// Borrar archivos
removedfile: function(file, serverFileName){
var name = file.name;
$.ajax({
type: "POST",
url: "uploads.php?delete=true",
data: "filename="+name,
success: function(data){
var json = JSON.parse(data);
if(json.res == true){
var element;
(element = file.previewElement) != null ?
element.parentNode.removeChild(file.previewElement) :
false;
alert("El elemento fué eliminado: " + name);
}
}
});
}
});
uploads.php
Código PHP:
if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){
if(isset($_GET["delete"]) && $_GET["delete"] == true){
$name = $_POST["filename"];
if( file_exists( $ruta. '/' .$name) ){
unlink( $ruta . '/' .$name );
echo json_encode(array("res" => true));
}else{
echo json_encode(array("res" => false));
}
}else{
if($file && move_uploaded_file($_FILES["file"]["tmp_name"], $ruta . '/' .$hash.'-'.$file)){
}
}
}


