如何使用javascript从多个输入中获取数据

Question

我有多个输入，我需要一个按钮从所有输入（图像和/或视频）上传所有文件，我在网上找到了一个代码，但我找不到上传或获取所有内容的方法文件。

我是这个程序的新手并且无法找出问题（可能.get()函数不正确）。

如何通过单击按钮获取所有输入中的所有文件？..

HTML：

<div id="back" class="back">                        
    <label id="addPicture" onclick="locatePicture(this)" 
           style="color:white;font-size:larger" 
           for="theInput">Add Image</label>
    <div style="float: left">
        <input id="theInput" type='file'  />
    </div>          
    <div style="float: right">             
        <label id="addVideo" for="uploadFileVideo" style="color:white;font-size:larger" class="AjaxList_Button">Add Video</label>
        <input id="uploadFileVideo"  type='file'  />                             
    </div>                                           
</div>

<input type='Button' ID='saveAllElements' value='Done'  OnClick='saveMedia()'  Text='Done' />

Javascript - 在网络上找到的代码

function saveMedia() 
{
    var xhr = new XMLHttpRequest();
    var data = new FormData();
    var files = $(".back").get(0).files;
    alert(files.length);

    if (files.length == 0) 
    {
        alert("No files");
    }
    else 
    {                  
        for (var i = 0; i < files.length; i++) 
        {
            data.append(files[i].name, files[i]);
        }     

        xhr.open("POST", "UploadHandler.ashx");
        xhr.send(data);                  
    }
};