upload drag and drop : fichiers non uploadés

Bonjour,
pour mon rattrapage de projet de 1er année je dois faire un drag and drop pour uploader des fichier.
j'y suis presque, mais cela bloque pour l'upload et sa dépasse mes compétences.

le code javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
jQuery(document).ready(function(){
 
    $.fn.ZoneDeDrop = function(item) {
 
            $(this).bind({
                // un fichier rentre dans la fenêtre
                dragenter : function(data) {
                    // annuler evenement par defaut
                    data.preventDefault();
                    // console.log('dragenter');
                },
                dragover : function(data) {
                    // annuler evenement par defaut
                    data.preventDefault();
                    $(this).addClass('hover');
                    // console.log('dragover');
                },
                dragleave : function(data) {
                    // annuler evenement par defaut
                    data.preventDefault();
                    $(this).removeClass('hover');
                    // console.log('dragleave');
                }
                ,
                drop : function(data) {
                    // annuler evenement par defaut
                    data.preventDefault();
 
                    var files = data.target.files;
                    if (!files || files.length === 0)
                    files = (data.dataTransfer ? data.dataTransfer.files : data.originalEvent.dataTransfer.files);
 
                    var xhr = new XMLHttpRequest();
                    xhr.open('POST',"../../assets/functions/dragdrop.php",true)
                    // xhr.setRequestHeader('content-type', 'multipart/form-data');
                    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
                    xhr.setRequestHeader('x-file-name', files[0].name);
                    xhr.setRequestHeader('x-file-size', files[0].size);
                    xhr.setRequestHeader('x-file-type', files[0].type);
                    xhr.send(files)
 
                }
            });
    }
});

puis la fonction php :

Code:

1
2
3
4
5
6
7
8
9
?php
 
$getHeader = getallheaders();
 
// Ouvre pour lire un contenu existant
$source = file_get_contents('php://input');
 
// Écrit le résultat dans le fichier
file_put_contents('/'.$getHeader['x-file-name'],$source);

je récupère bien toutes les informations, mais rien ne s'upload :
Pièce jointe 500619

merci d'avance