Javascript 上传文件后自动提交表单

我有一个图标，当点击自动打开文件上传对话框，就像

一样。我的表单没有提交按钮。我想在用户选择文件并在对话框中按open时提交表单。我已经编写了一个jquery代码。但它似乎不起作用

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

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

这是我的表格

<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>

---

您应该使用file元素的

onChange

事件

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

---

在输入类型文件中使用on change事件，并将js代码放入该回调函数这是不需要jQuery的情况之一。@Mikey，但OP显然已经在使用jQuery，并且可能正在使用它处理除此问题示例之外的许多其他问题。