如何在html中限制上传文件的类型？

Question

目前我在我的文件上传页面使用的是this answer提供的解决方案。但在这里使用解决方案时，我发现当文件类型切换到所有文件时，所有类型的文件都会显示并能够上传。 （我的意思是，一旦我们点击文件上传按钮窗口出现显示我们的本地目录。在右下角有一个选项来更改文件类型）如何防止它？

Answer 1

最后发现这个JavaScript函数工作正常。

var fl = document.getElementById('file'); 

fl.onchange = function(e){ 
    var ext = this.value.match(/\.(.+)$/)[1]; 
    switch(ext) 
    { 
     case 'mp4': 
     case 'mov': 
     case 'mpg': 
     case 'avi': 
      alert('allowed'); 
      break; 
     default: 
      alert('not allowed'); 
      this.value=''; 
    } 
};