使用AJAX javascript-php上传多个文件（不使用jQuery）

Question

我正在尝试将多个文件上传到运行PHP的服务器。我的代码在下面，但是我目前无法成功上传多个文件。我相信我的错误可能出在我的JavaScript中，但我不确定该去哪里。有人可以请教吗？根据我的代码，我收到“未收到文件”。

HTML：

for key, value in kwargs.items():

JAVASCRIPT：

 <div>
    <p><input id="file" type="file" name="file[]" multiple></p>
    <div><button id="btn">Upload all files</button></div>
</div>

PHP：

 document.getElementById('btn').addEventListener('click', function(){
        var inputElem = document.getElementById('file');
        var arrayFiles = inputElem.files;

        var formdata = new FormData();
        formdata.append('file[]', arrayFiles);

        var xmh = new XMLHttpRequest;
        xmh.onreadystatechange = function(){
            if(xmh.readyState == 4 && xmh.status == 200){

                var response = xmh.responseText;
                console.log('response: '+response);
            }
        }
        xmh.open('POST', 'serverFile.php');
        xmh.send(formdata);   
    });