Bootstrap输入文件事件删除数据

时间:2018-12-04 11:02:56

标签: twitter-bootstrap bootstrap-file-input

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

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

remove button

我使用了“ 文件已删除”,“ 文件已删除”,“ 文件预删除”,“ 文件已删除” ,...事件(有关“删除”或“删除”的任何事件),但它们不起作用。

我正在寻找什么活动?我想念什么吗?

谢谢!


编辑:

这是我用于事件的小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...
});

1 个答案:

答案 0 :(得分:2)

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

  • 文件清除:按下文件输入删除按钮或预览窗口关闭图标以清除文件预览时触发此事件
  • 文件清除:清除预览中的文件后触发此事件。

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