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

时间:2013-09-18 10:13:18

标签: javascript jquery html

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

我尝试过使用:

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

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

任何想法?

3 个答案:

答案 0 :(得分:2)

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

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

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

答案 1 :(得分:1)

使用trigger

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

答案 2 :(得分:0)

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