如何在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='';
     }
 };