Passer une variable js vers PHP

Bonjour,

Je ne maîtrise pas très bien l'AJAX en cherchant sur le web j'ai pu voir plusieurs méthodes. J'ai essayé d'en intégrer une mais je n'arrive pas à récupérer la variable...
voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
document.querySelector('#suivant').addEventListener('click', function(){
          var img = cropper.getDataURL();
          console.log(img);
          document.querySelector('.cropped').innerHTML += '<input type="hidden" name="img" value="'+img+'">';
 
          var data = new FormData();
            data.append('img', img);
            data.append('user_id', user_id);
            var xhr = new XMLHttpRequest();
            xhr.open('POST', "enregistrement.php", true);
            xhr.onload = function(){
              if (xhr.status==403 || xhr.status==404) {
                alert("ERROR LOADING UPLOAD.PHP");
              }
              else
              {
                document.location.href = 'enregistrement.php';
              }
            };
            xhr.send(data);
        })

Voici le code de "enregistrement.php" :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<?php
$img = $_POST['img'];
$user_id = $_POST['user_id'];
 
var_dump ($user_id);
var_dump ($img);
 
 
$_FILES["tmp_name"]='./convert/';
 
// Deplace le repertoire de destination
move_uploaded_file($_FILES["img"]["tmp_name"], "./convert/".$_POST["user_id"]."-identite.png");
 
// header('Location: good.php');  
?>

du coup dans var_dump($img); j'aimerai récupérer la valeur.
J'espère que quelqu'un pourra m'aider ...