上传文件后自动提交表单

Question

我点击时会自动打开文件上传对话框，就像<input type = "file">一样。我的表单没有提交按钮。我想在用户选择文件时提交表单并在对话框中按下打开。我写了一个jquery代码。但它似乎不起作用

这是我的表格

<label for="avatar" id="avatar_label">
    <i class="fa fa-pencil" aria-hidden="true"></i>
</label>  
<form id="change_pic_form" action="/nothing">
    <input type="file" name="avatar" id="avatar">
</form>

我的jQuery似乎无法正常工作

if ($('#avatar').get(0).files.length !== 0) {

    $('#change_pic_form').submit();
}

Answer 1

您应该使用onChange事件的文件元素。

document.getElementById('avatar').onchange = function() {
  if ($('#avatar').get(0).files.length !== 0) {
    $('#change_pic_form').submit();
  }
}