Question

我这里有一个脚本，用于检查上传的文件大小和扩展名/类型。类型检查效果很好但是大小的类型检查没有。有什么帮助吗？

<script type="text/javascript">
    function validateImage(fld) {
        if(!/(\.bmp|\.gif|\.jpg|\.jpeg|\.png)$/i.test(fld.value)) {
            alert("Invalid image file type. Supported image file types: PNG, BMP, JPEG, JPG, GIF");      
            fld.form.reset();
            fld.focus();        
            return false;   
        }   

        if(fld.files[0].size > 2000000) {
            alert("Invalid image file type. Supported image file types: PNG, BMP, JPEG, JPG, GIF");    
            fld.form.reset();
            fld.focus(); 
            return false;
        }
        return true; 
    } 
</script>

<input type="file" name="logo" id="logo" onchange="return validateImage(this);">

感谢任何帮助。

Answer 1

您正在使用不同的函数调用。在onchange事件中使用validateFileExtension（）调用。或者使用任何其他名称进行两种验证。

   <script type="text/javascript">
     function validateFileExtension(fld) {
        if(!/(\.bmp|\.gif|\.jpg|\.jpeg|\.png)$/i.test(fld.value)) {
            alert("Invalid image file type. Supported image file types: PNG, BMP, JPEG, JPG, GIF");      
            fld.form.reset();
            fld.focus();        
            return false;   
        }   

            if(fld.files[0].size > 2097152) {
            alert("Invalid image file type. Supported image file types: PNG, BMP, JPEG, JPG, GIF");    
            fld.form.reset();
            fld.focus(); 
            return false;
        }

        return true; 
     } </script>

    <input type="file" name="logo" id="logo" onchange="return validateFileExtension(this);">

Answer 2

获取以下代码参考，希望对您有所帮助。我想你错过了文件大小的计算

＆＃13;

{server}/qcbin/rest/domains/{domain}/projects/{project}/tests

＆＃13;

上传时限制图像大小

2 个答案: