hola como estan.
estoy utilizando dropzone.js para subir imagenes al servidor
tengo esto
Código:
Dropzone.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);
});
});
},
};
el cual con la ayuda de un archivo php, sube las imagenes
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....