如何限制上传图片的大小呢？

晓舟 2022-06-24

收起

1回答

好帮手慕小脸回答被采纳获得+3积分 2022-06-24 18:29:55

同学你好，可以通过js来限制上传图片的大小，参考代码如下所示：

function verificationPicFile(file) {
        var filePath = document.getElementById("painting");
        if(filePath.files){
            //读取图片数据
            var f = filePath.files[0];//返回Object File
            var reader = new FileReader();  //通过FileReader类型读取文件中的数据（异步文件读取）
            reader.onload = function (e) {  
                var data = e.target.result;  //返回文件框内上传的对象
                //加载图片获取图片真实宽度和高度  
                var image = new Image();  
                image.onload = function(){  
                    var width = image.width;
                    var height = image.height;  
                    alert('文件像素宽：' + width +'，文件像素高：'+ height);
                    //自己设置宽高即可
                    if (width == 101 & height == 101){
                        alert("文件尺寸符合！");
                    }else {
                        alert("文件尺寸应为：xxxx！");
                        document.getElementById('formData').reset()
                        return false;
                    }
                };  
                image.src= data; 
            };   
            reader.readAsDataURL(f);
        }else{
            return false;
        }
    }