Estoy usando el parámetro maxFile para DropZone para permitir un máximo de una imagen en la zona de caída. Está funcionando siempre y cuando no recarguemos la página. Durante la recarga, leemos los archivos del servidor y agregamos el archivo a la zona de entrega. Si hay una imagen en la zona de caída, entonces podemos agregar otra imagen. ¡Vea el código a continuación! ¿Dónde está mi error?
Dropzone.autoDiscover = false; $("#Titelbild").dropzone({ maxFiles: 1, maxFilesize: 2, // Filesize 2 MByte addRemoveLinks: true, acceptedFiles: ".jpeg,.jpg,.png,.gif,.jfif", removedfile: function(file) { var fileName = file.name; $.ajax({ type: 'post', url: 'Delete_picture.php', data: {name: fileName, request: 'delete'}, sucess: function(data){ console.log('success: ' + data); // alert(data); } }); var _ref; return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0; }, init: function() { myDropzone1 = this; $.ajax({ url: 'Fetch_picture.php', type: 'post', data: {request: 'fetch'}, dataType: 'json', success: function(response){ var filecounter = 0; $.each(response, function(key,value) { var mockFile = { name: value.name, size: value.size}; myDropzone1.emit("addedfile", mockFile); myDropzone1.emit("thumbnail", mockFile, value.path); myDropzone1.emit("complete", mockFile); }; }); } }); } });Agrega esto
myDropzone1.files.push(mockFile);después de tu línea
myDropzone1.emit("complete", mockFile);Esto hizo el truco para mí