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

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

我不熟悉这个过程，无法找出问题所在。get函数可能不正确

如何通过单击一个按钮从所有输入中获取所有文件

HTML:

Javascript-在web上找到的代码

---

为什么要使用get。相反，您可以选择输入值。它还将为您提供文件名为.ans的整个路径。data.append正在做什么。我的意思是你在哪里声明了数据变量？@tusharaj你能给我一个例子吗？仅供参考，如果重要的话，这个div可以在同一页上多次声明…数据在函数的第二行声明，现在的问题是files.length始终为1，无论我上载一个或多个文件。@TrueBlueAussie抱歉，复制粘贴可能有问题，我现在将重新检查它。

<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' />

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);                  
    }
};