i have html

<div data-role="content">
    <div class="main-content">
        <p>Your Name: <span id="name" class="nickname"></span></p>
        <div id="chat"></div>
        <br>
        <input type="file" name="file[]" id="file" multiple>
        <br>
        <input type="text" data-clear-btn="true" id="msg">
    </div>
</div>

and script

function send() {
msg = $("#msg").val();
if(msg.trim() == "") { $("#msg").val(""); return; }
//
        var files = [];
        var input = document.getElementsByName('file[]');
        for (var i = 0; i < input.length; i++) {
            var a = input[i];
            files = files + "files[" + i + "] = " + a.value + ", ";
        }
    //
$.ajax({
    url: "ajax-server.php",
    type: "POST",
    data: { action: "send", name: $("#name").text(), msg: msg, files: files },
    success: function(r) {
        $("#chat").html(r).scrollTop($('#chat')[0].scrollHeight);
        $("#msg").val("");
        $("#file").val("");
    },
});}

original code only send text chat, i added multiple file attachment. but code only send one file. how i change code to send multiple file. plz help, thanks all!

i added file attachment

But only send one file