javascript - 在 bootstrap-fileinput 中继续 filepredelete 事件之前等待 Sweetalert2 异步确认

Question

插件 Bootstrap 文件输入和 SweetAlert2 存在一些问题

这是为了显示一个对话框以确认用户是否真的要继续删除文件。

如果我要中止删除文件，我需要为 filepredelete 事件返回一个 bool 值。该函数是同步的，但我使用的是带有 promise 的异步插件 SweetAlert2。

这是我的代码:

$("#gallery-images").fileinput({
           ...

}).on("filepredelete", function(event, key, jqXHR, data) {

    swal({
        title: 'Are you sure you want to delete this image?',
        showCancelButton: true,
        confirmButtonText: 'Confirm',
        cancelButtonText: 'Cancel',
        type: 'warning',
    }).then((result) => {
        if(result.value){
            return false;
        }
        return true;
    });

});

我找不到等待确认的方法。我在想总是中止删除并在用户确认时手动删除文件。我需要重构我的代码。

Answer 1

尝试 promise ，我已经在同一个问题上苦苦挣扎了 3 天并弄明白了，希望这对某些人有所帮助。

$("#gallery-images").fileinput({
       ...

    }).on("filepredelete", function(event, key, jqXHR, data) {

    return new Promise(function(resolve, reject) {
            swal.fire({
                title: 'Are you sure?',
                text: 'You will not be able to recover this file!',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, delete it!',
                cancelButtonText: 'No, keep it'
            }).then((result) => {
                if (result.value) {
                    resolve();
                }
            });
        });

    });

尽情享受吧!