上传时限制图片大小

debugcn 发表于 Dev

但

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

<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);">

感谢任何帮助。

普拉珊斯·雷迪（Prashanth Reddy）

您正在使用不同的函数调用。在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);">

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。