如何在html中限制上传文件的类型?
问题描述:
目前我在我的文件上传页面使用的是this answer提供的解决方案。但在这里使用解决方案时,我发现当文件类型切换到所有文件时,所有类型的文件都会显示并能够上传。 (我的意思是,一旦我们点击文件上传按钮窗口出现显示我们的本地目录。在右下角有一个选项来更改文件类型)如何防止它?如何在html中限制上传文件的类型?
答
最后发现这个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='';
}
};