在Jasny Bootstrap中使用fileinput.js后，在文件选择后自动提交表单

Question

我正在使用fileinput.js

中的Jasny Bootstrap功能

我的目标是在用户选择文件后自动提交表单。我不希望他们必须点击“提交”。

到目前为止，我已经尝试了JavaScript和jQuery解决方案。当不使用Jasny的fileinput.js时，两个soltuions都能很好地工作，但是当我使用它时它们不起作用。

document.getElementById("file").onchange = function() {
    document.getElementById("form").submit();
};

-

$('#file').change(function() {
  $('#form').submit();
});

使用Jasny的fileinput.js后，如何在用户选择文件后自动提交表单？

Answer 1

从Usage section in the docs和source，您似乎需要侦听自定义change.bs.fileinput事件而不是本地change事件。尝试这样的事情：

$('#file').on('change.bs.fileinput', function () {
    $('#form').submit();
});