Confirm on file delete?

[rizqyhi]

Hi, is there any method to show a confirm dialog when deleting the file?
I've tried using removedfile event, but the file has been removed when the confirm modal is showed. Maybe listen to button when clicked will work? Any suggestion?

Thank you for a great plugin. :)

[rizqyhi]

no prob, I've solved this one. Thanks. :)

[davidcelis]

@rizqyhi How’d you solve this one?

[rizqyhi]

@davidcelis rather than using default addRemoveLinks option, I manually created the remove button as the wiki said. Inside the click event, I used confirm() function to call my ajax delete.

Just that. :)

[jeremyraybrown]

The following link has a solution:

78ab99a

[iswiboni]

on the removeFileEvent = function(e) {

        if (_this.options.dictRemoveFileConfirmation) {

          return Dropzone.confirm(_this.options.dictRemoveFileConfirmation, function() {
            return _this.removeFile(file);
          });
        } else {

          return _this.removeFile(file);
        }

replace with:

        if (_this.options.dictRemoveFile) {

          return Dropzone.confirm(_this.options.dictRemoveFile+" this file?", function() {
            return _this.removeFile(file);
          });
        } 

[Kaylinka]

Or you could simply set dictRemoveFileConfirmation :)

[mandeepsapkota]

Upon cancelling the confirmation box, the thumbnail is removed too!
Is there any way not to remove the thumbnail when user cancels the removal?

[hackhowtofaq]

@mandeepsapkota

Set

...
dictRemoveFileConfirmation:  "Are you sure?"
...

[jomtoledo]

If you override removedFile function, you can add customised script to confirm deletion as the file preview won't be automatically removed.

For example:

new Dropzone("#form_sr_safetyitem_details #form_sr_safetyitem_details_dropzone", {
        autoDiscover: false,
        uploadMultiple: true,
        parallelUploads: 1,
        maxFiles: 10,
        addRemoveLinks: true,
        removedfile: function (file) {

               //This is where you can add custom script to confirm deletion; You could use Sweetalert 2 or whatever you prefer than the ugly JS ugly alert box

               //This will manually removed the file
               file.previewElement.remove();
        }
);