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

Posted 2023-05-08

【中文标题】在 Jasny Bootstrap 中使用 fileinput.js 时选择文件后自动提交表单

【英文标题】：Submit a form automatically after file selection when using fileinput.js in Jasny Bootstrap

【发布时间】：2014-04-21 17:52:27

【问题描述】：

我正在使用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 时，如何在用户选择文件后自动提交表单？

【参考方案1】：

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

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