Как автоматически загружаться при загрузке файла на html ввод?

Question

когда я помещаю файл во html ввод, я хочу загрузить через ajax сообщение (без кликов). Это работает после того, как я нажимаю кнопку загрузки в моем текущем коде. Мой код

    $(document).ready(function () {
  $("#but_upload").click(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.uz/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');
        }
      }
    });
  });
});

HTML CODE

<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 вставлен во входной файл, без нажатия кнопки, файл должен быть загружен. После загрузки изображения оно должно исчезнуть с входа

Answer 1

Я использовал изменения.

$(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');
        }
      }
    });
  });
});

html код

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