自动单击文件选择上的按钮 html 表单

Auto click a button on file select for html form

本文关键字:按钮 html 表单 选择 单击 文件      更新时间:2023-09-26

我有一个上传文件的HTML表单。 我希望能够有两个按钮 - 一个将提交表单,另一个将上传文件。

我尝试使用:

document.getElementById("logo").onchange = function() {
    $('#upload_logo').click();
};

在文件被选中但不起作用时单击upload_logo按钮

有什么想法吗?

如果你使用的是jQuery,你应该在整个代码中使用它。您应该在表单上触发提交,而不是单击"提交"按钮。

(希望你的输入周围有一个表格,对吧?

$("#logo").on('change', function() {
  $('#uploadForm').submit();
});

使用 trigger

document.getElementById("logo").onchange = function() {
  $('#upload_logo').trigger('click');
};

使用<input type="file">上传文件。