在HTML表单上传中过滤扩展名

我用javascript来检查文件扩展名.这是我的代码:

HTML

.. ..

JavaScript的

function check_file(){
                str=document.getElementById('fileToUpload').value.toUpperCase();
        suffix=".JPG";
        suffix2=".JPEG";
        if(str.indexOf(suffix, str.length - suffix.length) == -1||
                       str.indexOf(suffix2, str.length - suffix2.length) == -1){
        alert('File type not allowed,\nAllowed file: *.jpg,*.jpeg');
            document.getElementById('fileToUpload').value='';
        }
    }

accept属性需要MIME类型,而不是文件掩码.例如,要接受PNG图像,您需要accept ="image/png".您可能需要找出浏览器认为您的文件类型是什么MIME类型,并相应地使用它.但是,由于'drp'文件似乎不是标准文件,因此您可能必须接受通用MIME类型.

此外,似乎大多数浏览器可能不尊重此属性.

过滤文件上传的更好方法是在服务器端.这是不方便的,因为偶尔的用户可能会浪费时间上传文件只是为了了解他们选择了错误的文件,但至少你会有某种形式的数据完整性.

或者,您可以选择在提交表单之前使用JavaScript进行快速检查.只需检查文件字段值的扩展名,看它是否为".drp".这可能比accept属性支持得多.