estoy utilizando dropzone.js para subir imagenes al servidor
tengo esto
Código:
el cual con la ayuda de un archivo php, sube las imagenesDropzone.options.myDropzone = {
addRemoveLinks: true ,
paramName: "file",
maxFilesize: 1, // MB, maximo de archivos
maxThumbnailFilesize: 1,// MB, Cuando el peso del archivo excede este límite, no se generará la imagen en miniatura
maxFiles: 4,
acceptedFiles: ".jpeg,.jpg,.png,.JPEG,.JPG,.PNG",// Archivos permitidos
addRemoveLinks: true ,
accept: function(file, done) {
console.log("uploaded");
done();
},
init: function() {
this.on("maxfilesexceeded", function(file){
alert("No more files please!");
});
},
dictCancelUpload: true,//cancelarrchivo al subir
dictCancelUploadConfirmation: true,//confirma la cancelacion
dictRemoveFile: 'Remove.',
dictMaxFilesExceeded: 'limit reached',
dictFallbackMessage: 'Your browser does not support drag drop file uploads',
dictInvalidFileType: 'File invalid',
//dictRemoveFileConfirmation: 'You are deleting the image',
url: "file-upload.php",
////////////////////////////////////////////////////////////////////////////////
init: function() {
thisDropzone = this;
<!-- 4 -->
$.get('file-upload.php', function(data) {
<!-- 5 -->
$.each(data, function(key,value){
var mockFile = { name: value.name, size: value.size };
thisDropzone.options.addedfile.call(thisDropzone, mockFile);
thisDropzone.options.thumbnail.call(thisDropzone, mockFile, "myuploads/"+value.name);
});
});
},
};
la ultima parte del codigo es para cuando actualizo la pagina me muetre las imagenes que lla estan subida hasta aqui todo bien
lo que no logro hacer es que cuando actualize la pagina pueda borrar las imagenes tanto del navegador como del servidor
Ejemplo: si subo una imagen y no he actualizado la pagina, hay si puedo eliminar la imagen, el la elimina del navegador y del servidor, pero si actualizo la pagina me muestra las imagenes que estan subidas ya pero si le doy ha eliminar solo la elimina del navegador.
si save como harcelo o un ejemplo de ello....
