Input file qui s'ouvre 5 fois

$("#ico_image").click(function () {
  $("#img_sujet").trigger('click');
});

onchange="loadFile(event)"

var loadFile = function(event) {
       var output = document.getElementById('output');
       output.src = URL.createObjectURL(event.target.files[0]);
 };

<div class="com div_flex div_comment">
        <div class="col-1 col-sm-1 col-md-1 img-user">
              <img src="<?php echo avatar($_SESSION['id_membre']); ?>" class="clipClass">  
          </div>
           <div class="col-md-10 div_coment">
                   <form action="">
                         <input type="hidden" class="" name="id_sujet" id="id_sujet" value="<?php echo $suj['id_sujet']; ?>"> 
                          <input type="text" class="coment" name="texte_com" id="texte_com" value=""> 
                           <i class="far fa-image btn_input"></i><span class="name">Photos</span>
                           <input type="file" name="img[]" lang="fr" accept=".jpg,.jpeg,.gif,.png" onchange="loadFile(event)"> 
                   </form>     
              </div>
  </div>

$(".btn_input").click(function(){
  $(this).next("input[type='file']").trigger('click');
});