html - 如何一次上传多个文件？

Question

我正在使用 input type='file' 多元素，但对服务器端做了限制，我一次只能上传一个文档。所以我正在努力寻找一种方法来做到这一点，同时只保留单个文件输入元素......我认为我唯一的选择是创建具有自己的隐藏文件输入元素的多个表单，并且当我循环遍历文件时以某种方式设置隐藏输入字段的值，但我不确定如何。有什么建议吗？这是我目前所拥有的:

HTML:
<form method='POST' id='frmUploadDoc' enctype='multipart/form-data' target='hiddenIframe' action='/wle/rest'>
    <input type="file" name="data" multiple="multiple" id="filesInput">
    <input type="submit" value="Submit"/>
</form>
<iframe name="hiddenIframe" id="hiddenIframe" style="display: none;">

JAVASCRIPT:
function handleFileSelect(evt) {      
    var files = evt.target.files; // FileList is a FileList of File objects.  
    var output = [];
    var actionText;
    for (var iCount = 0, f; f = files[iCount]; iCount++) {
       actionText="/wle/rest?action=addDocument&name=" + iCount   //This creates the unique action URL for each individual form  
       $("#frmUploadDoc").attr("action", actionText);
       output.push("<li><strong>", f.name, "</strong></li>");
       postDocumentToWLE(iCount);            
    }
    document.getElementById('listDocs').innerHTML = '<ul>' + output.join('') + '</ul>';
  }

Answer 1

经过大量研究，David 似乎是正确的，通过 iframe 通过 POST 上传表单是不可能上传多个文件的。 HTML5 允许上传多个文件，但如果您需要单独发送每个文件，则使用多个文件输入是不可能的。