Javascript 选择要上载的连续文件

我正在创建文件附件的模式：

我正在使用input type=“file”并在html中插入所选文件：

$("#upload-anexo").change(function() {

    var files = $(this)[0].files;
    for (var i = 0; i < files.length; i++) {

        var newLine = "<div class='anexo-line'>" +
                        "<div class='anexo-nome-arquivo'>" +
                        "<i class='icon-arrow-up anexo-uploaded'></i>" +
                        files[i].name +
                        "</div>" +
                        "<div class='anexo-actions'>" +
                        "<i class='icon-trash anexo-delete'></i>" +
                        "</div>" +
                        "</div>";

        $("#modal-anexos .modal-body").append(newLine);
    }
});

---

我怎样才能解决这个问题？谢谢。

这种方法怎么样。您拥有文件选择器。选择文件时，执行UI操作（将文件添加到文件列表），然后克隆文件选择器并向其添加特定名称（

upload nexo

）。然后，在服务器端，您可以迭代文件

上传anexo

数组，并获取每个文件选择器的所有文件

$（document）.on（'change'，'）。上传anexo:visible'，function（）{
var files=$（this）[0]。文件；
var新线；
对于（var i=0；i

×
附件
拯救
取消
+1这是个好主意，使用与数组相同的名称、post和bind。我会检查这个绑定在ASP.NET MVC项目中是否可行，并告诉您它是否像charm@muecas一样工作！要在我的ASP.Net项目中使用，我需要将名称更改为uploadAnexo，并绑定为
HttpPostedFileBase[]uploadAnexo
。我还需要删除最后的输入。现在我必须处理单个文件的删除，但这是另一个问题。谢谢你的帮助，太好了！很高兴我能帮助你。萨卢多斯！
<div id="modal-anexos" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Attachments</h3>
    </div>
    <div class="modal-body">

        <input id="upload-anexo" type="file" multiple style="margin-bottom: 5px">
        <input id="upload-anexo-final" type="file" multiple style="display: none">

        <div class="anexo-line">
            <div class="anexo-nome-arquivo">
                <i class="icon-ok anexo-uploaded"></i>
                <a href="TODO">MyFile.pdf</a>
            </div>

            <div class="anexo-actions">
                <i class="icon-trash anexo-delete"></i>
            </div>
        </div>

    </div>
    <div class="modal-footer">
        <button id="btn-ok-anexos" class="btn azul">Save</button>
        <button class="btn cinza" data-dismiss="modal" aria-hidden="true">Cancel</button>
    </div>
</div>