Javascript 如何在将文件上载到html输入时自动加载？

当我将一个文件放入html输入时，我想通过ajax post上传（无需点击），在我当前代码中点击启动按钮后，它就会工作。 我的代码

$（文档）.ready（函数（）{
$（“#但#上传”）。单击（函数（）{
$（'#img loag scrin'）.html（''）；
$（'div#img loag scrin'）.css（'display'，'block'）.prepend（''）；
var fd=新FormData（）；
var files=$（'#file'）[0]。文件[0]；
fd.append（'file'，files）；
$.ajax({
网址：'https://localhost.uz/ajax/ajax_img.php?act=upload',
数据类型：“json”，
键入：“post”，
cache:false，
数据：fd，
contentType:false，
processData:false，
成功：功能（响应）{
如果（响应！=0）{
$（'img loag scrin'）.prepend（response.scrins）；
$（'textrea'）.val（$（'textrea'）.val（）+“”+response.textrea）；
$（'img_akb'）。删除（）；
}否则{
警报（“文件未上载”）；
}
}
});
});
});

HTML代码

<form method="post" action="" enctype="multipart/form-data" id="myform">
  <input type="file" id="file" name="file">
  <input type="button" class="sf_button" value="Upload" id="but_upload">
</form>

当html被插入到输入文件中时，不点击按钮，文件应该被加载。加载图像后，图像必须从输入中消失

我使用的更改

$(document).ready(function () {
  $('#file').unbind().on('change', function () {
    $('#img-loag-scrin').html('');
    $('div#img-loag-scrin').css('display', 'block').prepend('<img id="img_akb" src="https://' + HTTP + '/images/ajax-loader.gif" id="buff-load" style="display:block;margin:10px auto; cursor: wait;">');
    var fd = new FormData();
    var files = $('#file')[0].files[0];
    fd.append('file', files);
    $.ajax({
      url: 'https://localhost/ajax/ajax_img.php?act=upload',
      dataType: "json",
      type: 'post',
      cache: false,
      data: fd,
      contentType: false,
      processData: false,
      success: function (response) {
        if (response != 0) {
          $('#img-loag-scrin').prepend(response.scrins);
          $('#textrea').val($('#textrea').val() + " " + response.textrea);
          $('#img_akb').remove();
        } else {
          alert('File not uploaded');
        }
      }
    });
  });
});

$（文档）.ready（函数（）{
$（'#file'）.unbind（）.on（'change'，function（）{
$（'#img loag scrin'）.html（''）；
$（'div#img loag scrin'）.css（'display'，'block'）.prepend（''）；
var fd=新FormData（）；
var files=$（'#file'）[0]。文件[0]；
fd.append（'file'，files）；
$.ajax({
网址：'https://localhost/ajax/ajax_img.php?act=upload',
数据类型：“json”，
键入：“post”，
cache:false，
数据：fd，
contentType:false，
processData:false，
成功：功能（响应）{
如果（响应！=0）{
$（'img loag scrin'）.prepend（response.scrins）；
$（'textrea'）.val（$（'textrea'）.val（）+“”+response.textrea）；
$（'img_akb'）。删除（）；
}否则{
警报（“文件未上载”）；
}
}
});
});
});

html代码

<form method="post" action="" enctype="multipart/form-data" id="myform">
   <input type="file" id="file" name="file">
</form>

---

您是否正在讲述一次更改事件<代码>$（“#文件”）.change（函数（）{…

<form method="post" action="" enctype="multipart/form-data" id="myform">
   <input type="file" id="file" name="file">
</form>