zoukankan      html  css  js  c++  java
  • js图片校验

    //上传图片
    function AjaxFileUpload(url, fileinput) {
        try {
            if (fileinput.files.length <= 0) {
                alert('请选择图片');
                return false;
            }
            var file = fileinput.files[0];
            var re = /^.*?.(jpg|gif|png)$/i;
            if (!re.test(file.name)) {
                alert('未被允许的图片格式');
                return false;
            }
            if (file.size > 1024 * 1024 * 2) {//2M
                $(fileinput).val('');
                alert("图片文件须小于2M");
                return false;
            }
        } catch (err) {
        }
        try {
            validateImageSize(url,fileinput);
        } catch (err) {
            doUpload(url);//也要上传,走后台验证
        }
    };
    function validateImageSize(url,fileinput) {
        var f = fileinput.files[0];
        var reader = new 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;
                if (width < 640 || height < 360) {
                    $(fileinput).val('');
                    alert("尺寸须大于640*360像素!");
                    return;
                }
                if (width > 5000 || height > 5000) {
                    $(fileinput).val('');
                    alert("尺寸须小于5000*5000像素!");
                    return;
                }
                doUpload(url);          
            };
            image.src = data;
        };
        reader.readAsDataURL(f);
    }
    function doUpload(url) {
        $.ajaxFileUpload({
            url: url,
            secureuri: false,
            fileElementId: 'UploadFile',
            dataType: 'json',
            beforeSend: function () {
                $("#loading").show();
            },
            complete: function () {
                $("#loading").hide();
            },
            success: function (data, status) {
                if (data.Result && data.Result.toLowerCase() == "true") {
                    $("#showImg").attr("src", data.Message);
                    $("#ImageUrl").val(data.Message);
                }
                else
                    alert(data.Message);
            },
            error: function (data, status, e) {
                alert(e);
            }
        });
    }
  • 相关阅读:
    Content Hugging Priority 和 Content Compression Resistance Priority
    fiddler 拦截小结
    好的 iOS 代码习惯
    查看约束优先级的方法
    定义接口常用约定
    让系统照片选择器的导航栏变蓝的代码
    ZT C语言实现字符串倒序
    ZT 蓝牙的AVCTP协议笔记
    ZT 蓝牙的AVDTP协议笔记
    ZT A2DP协议笔记
  • 原文地址:https://www.cnblogs.com/njl041x/p/12102353.html
Copyright © 2011-2022 走看看