Gostaria de enviar arquivos múltiplos via post usando jQuery, testei vários códigos e não consegui, gostaria que vocês me ajudassem.

Tenho esse form:

**HTML - index.html**

    <div class="arquivo" style="display: none;">
       <form name="form-file" id="form-file" method="post" enctype="multipart/form-data">
            <input type="file" multiple id="userfile" name="userfile[]" />
       </form>
    </div>

**Javascript - send.js** 

    $('#userfile').on('change', function (event) {
        var data = new FormData(), file = [];
        var files = event.target.files;
        $.each(files, function(key, val) {
            file[key] = val;
        });
    
        data.append('file', file);
        $.ajax({
    
            url: 'upload1.php',
            type: 'post',
            data:  data,
            contentType: false,
            cache: false,
            processData: false,
            beforeSend: carregando,
            success: function (result) {
                // alert('Result: '+result);
                $('#uploaded-files').html(result);
                // sucesso('Arquivos enviados com sucesso!');
            }
        });
    });

**PHP**

    <?php
    $path="arquivos/"; //server path
    $result = '';
    if(isset($_FILES['userfile']['name'][0])){
        //echo $_FILES['userfile']['name'][0];
        foreach ($_FILES['userfile']['name'] as $key => $file){
            $file_name = 'arquivos/'.$_FILES['userfile']['name'][$key];
            if(move_uploaded_file($_FILES['userfile']['tmp_name'][$key], $file_name)){
                // $result .= "<div class='image'><img src='${file_name}'></div>";
                $result .= "${file_name}<br />";
            }
        }
    
    }else{
        $result =  "Nada";
    }
    ?>

Mas no jQuery só retorna "Nada".

Esse mesmo código PHP é usado no modo Drag and Drop e funciona

Agradeço antecipadamente.