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

Question

我在Jasny Bootstrap中使用fileinput.js功能

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

到目前为止，我已经尝试过JavaScript和jQuery解决方案。当不使用 Jasny 的 fileinput.js 时，这两种解决方案都运行良好，但当我使用它时它们不起作用。

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

--

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

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

Answer 1

从docs和source中的 Usage 部分来看，您似乎需要侦听自定义change.bs.fileinput事件而不是本机change事件。尝试这样的事情：

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