如何使用 HTML 输入文件类型限制文件类型？

如何使用 HTML 输入文件类型限制文件类型？

我有这个

<input type="file" id="fileUpload" name="fileUpload" size="23" accept="Calendar/ics"/>

我试图将类型限制为仅 iCalendar 格式类型。

我还想在服务器端检查一下。我该怎么做ASP.NET MVC http://en.wikipedia.org/wiki/ASP.NET_MVC_Framework?

不幸的是，您无法像在标准文件浏览器对话框中那样限制文件扩展名。但是，一旦用户选择文件，您就可以检查扩展名。

您可以添加此事件处理程序。

filebox.Attributes.Add("onchange", "fileSelectedChanged(this);");

和这个 JavaScript 函数

function fileSelectedChanged(obj) {
    var filePath = obj.value;

    var ext = filePath.substring(filePath.lastIndexOf('.') + 1).toLowerCase();
    if(ext != 'csv') {
        alert('Only files with the file extension CSV are allowed');
    } else {
        document.getElementById('form1').submit();
    }
}

您还应该使用以下命令在服务器上检查它：

filebox.PostedFile.FileName

and:

filebox.PostedFile.ContentType