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 codificarlasDropzone.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)){
}
}
}