在 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

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

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