引导输入文件事件删除数据答案

【问题标题】：Bootstrap input file event removing data引导输入文件事件删除数据
【发布时间】：2020-05-06 17:53:23
【问题描述】：

我正在使用Bootstrap FileInput，它真的很酷:)

我遇到了一些事件的问题。我想知道如何在提交文件后按下“删除”按钮时检测到。这是我的意思的图片：

我使用过“fileremoved”、“filedeleted”、“filepredelete”、“filebeforedelete” ,... 事件（有关“删除”或“删除”的任何内容），但它们不起作用。

我正在寻找什么活动？我错过了什么吗？

谢谢！

编辑：

这是我的小事件 JS 代码：

$('#file_upload').on('filebatchuploadcomplete', function() {
    console.log("I have pressed the upload button"); // --- Ok, it works!! :)
    // More stuff here...
});

$('#file_upload').on('fileremoved', function() {
    console.log("I have pressed the remove button"); // --- Never shown!! :(
    // More stuff here...
});

【问题讨论】：

如何测试事件是否被触发？你能在 jsfiddle 或类似的东西上复制这个吗？
@IvanS95 这只是一个小代码。我已经更新了帖子，你可以在上面看到它。希望这会有所帮助:)
删除按钮真的会删除文件吗？
不，它不会删除文件，也不会清除屏幕上的文件列表（我真正想要的）。
一周后...没人知道:(

标签： twitter-bootstrap bootstrap-file-input

【解决方案1】：

在 Bootstrap FileInput 最新版本中，删除事件是 fileclear 或 filecleard (https://plugins.krajee.com/file-input/plugin-events#fileclear)。

fileclear：当按下文件输入删除按钮或预览窗口关闭图标清除文件预览时触发此事件
filecleard：清除预览中的文件后触发该事件。

例如： $('#input-id').on('fileclear', function(event) { console.log("fileclear"); });

【讨论】：