首页 JQuery/JavaScript js 对上传的图片进行验证

js 对上传的图片进行验证

作者:胡同里的砖头 围观群众:2340 更新于:2013-12-19

function yz() {
            var queryStr = location.search;//获取网址
            var b = queryStr.indexOf("id");//判断网址是否包含ID参数
            if (b < 0) {
                    var img_url = document.getElementById("ctl00_ContentPlaceHolder2_Add_Activity1_FileUpload1");
                    var img = document.getElementById("img1");
                    if (img.fileSize/1024 > 1024) {
                        if (confirm("您上传的图片超过1M,可能会影响您网站的速度\n是否重新上传?")) {
                            img.style.display = "none";//隐藏图片
                            img_url.outerHTML = img_url.outerHTML;//上传控件值清空
                            return false;
                        }
                        else
                            return false;
                   
                    if (img_url.value == "") {
                        alert("请选择您要上传的图片");
                        return false;
                    }
                    else {
                        var filename = img_url.value.substr(img_url.value.lastIndexOf("."), img_url.value.length);
                        if (filename.toLowerCase() != ".jpg" && filename.toLowerCase() != ".bmp" && filename.toLowerCase() != ".gif") {
                            alert("图片必须要以jpg,bmp,gif格式结尾");
                            return false;
                        }
                    }
                }
            }
            return true;
        }

*********************************************************************

<script>
function chkimg(Obj){
var tempImg=new Image();
tempImg.onerror=function(){alert('目标类型错误或路径不存在!');Obj.outerHTML=Obj.outerHTML;};
tempImg.onload=function(){if(this.width>90 || this.height>80) {alert('超出规定尺

寸!');Obj.outerHTML=Obj.outerHTML;}};
tempImg.src=Obj.value;
}
</script>
<input type=file onpropertychange=chkimg(this)>

  • 本文标题: js 对上传的图片进行验证
  • 文章分类:【JQuery/JavaScript】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8