Récupérer une image avec AJAX.

Bonjour , je suis entrain de développer un chat que je suis entrain de rendre dynamique grâce a AJAX mais je fais face a un gros mur :
L'envois de photo.

<form enctype="multipart/form-data" action="" id="load_img" method="post">
      <div class="card-footer">
     
       <div class="input-group">
        <div class="input-group-append"> 
         <span id="send_img_btn" class="input-group-text attach_btn">
          <i class="fas">
                 
                   
              <fieldset>
                   <p>
                      <label class="fas fa-paperclip" for="fichier_a_uploader" title=""></label>
                      <input type="hidden" name="MAX_FILE_SIZE" value="500000" />
                      <input name="fichier" type="file" style="display:none" id="fichier_a_uploader" />
                      
                    </p>
               </fieldset>
             
       
          </i>
          

         </span> 
         <span id="send_emoji_btn" class="input-group-text attach_btn">
         <i id="load_emoji_frame" class="fas">
                 
                   
              <button id="load_emoji_frame">smyle</button>
             
       
          </i>
          
          </span> 

        </div>
        
      
        
        <textarea name="msg_txt" id="areatxt" class="form-control type_msg" placeholder="Type your message..."></textarea>
        <div class="input-group-append">

         <button type="submit" name="submit" id="bouton" data-id_customer="<?php if($suplierUser){echo($idCurentUser);}else{echo($idCurentLog);}  ?> " data-id_supplier="<?php if($suplierUser){echo($idCurentLog);}else{echo($idCurentUser);}  ?>" data-type_user="<?php if($suplierUser){echo("customer");}else{echo("supplier");} ?>" class="input-group-text send_btn"><i class="fas fa-location-arrow"></i></button>
        </div>
        
       </div>
      
      </div>
      </form>

J'ai donc un formulaire qui se submit avec le bouton tout en bas de mon code. Voici mon code JS :

    $("#load_img").submit(function () {

        var donneesFormulaire = new FormData($("#load_img").get(0));

        console.log(donneesFormulaire);
   var id_customer = $('#bouton').attr('data-id_customer');
  var id_sup = $('#bouton').attr('data-id_supplier');
   var type_user = $('#bouton').attr('data-type_user');
   var msg = $('#areatxt').val();
   alert("une pause");
        $.ajax({
            url: '../php/majChat.php',     
            data: 'msgtxt=' + msg + '&id_customer=' + id_customer +"&type_user=" + type_user + '&id_sup=' + id_sup + '&form_file=' + donneesFormulaire,
            type: 'POST',

            success:
                    function (donnees, status, xhr) {
                        alert(donnees);
                    },
            error:
                    function (xhr, status, error) {
                        alert("param : " + xhr.responseText);
                        alert("status : " + status);
                        alert("error : " + error);
 
                    }
        });
 
    });

Mon formulaire arrive a bon bord sous la forme d'un objet Form Data, le problème c'est que je ne sais absolument pas comment le traiter en php et de plus je pense qu'il est vide mais je n'arrive pas a comprendre pourquoi.
Toute mes recherche sur internet n’aboutissent a rien car une personne va dire que l'envois de fichier par ajax est impossible sans frame caché ou je sais quoi d'autre alors que l'API form data dit le contraire sans préciser comment traiter le formulaire en PHP.

L'idéal pour moi serai de pouvoir avoir accées a $_FILES comme je le faisais avant ma tentative de dynamiser l'envois de photo.

Je suis completement perdu et j'avoue qu'un peu d'aide ne me ferrai pas de mal.
Merci d'avance et bonne fin de journée.