Question

我有一个带有文件输入的Razor标记，我希望能够选择多个文件：

<form asp-action="Upload">
    <input type="file" name="file" id="file" multiple onchange="javascript: updateFileList();" />
    <br />Selected files:
    <div id="fileList"></div>
    <div class="form-group">
        <input id="submitButton" type="submit" value="Upload" class="btn btn-default" />
        <a asp-action="Explorer" class="btn btn-default">Cancel</a>
    </div>
</form>

然而，每次我选择一个文件时，输入的值都只更改为该文件，即它只允许我一次选择一个文件。

对于好奇，updateFileList函数看起来像这样：

function updateFileList() {
    var input = document.getElementById('file');
    var output = document.getElementById('fileList');
    output.innerHTML = '<ul>';
    for (var i = 0; i < input.files.length; ++i) {
        output.innerHTML += '<li>' + input.files.item(i).name + '</li>';
    }
    output.innerHTML += '</ul>';
}

这里有什么问题？

Answer 1

检查你的updateFileList（）函数形成我的工作正常

<input type="file" name="file" id="file" multiple onchange="javascript: updateFileList();" />

Answer 2

问题是我试图通过单击每个文件的Choose Files按钮一次选择文件。如果我只点击一次并在文件选择对话框中选择多个文件，它就可以正常工作。

为什么我的文件输入只接受一个文件？

2 个答案: