当前位置： 移动技术网 > IT编程>开发语言>.net > Asp.Net上传图片验证代码的小例子

Asp.Net上传图片验证代码的小例子

2017年12月12日  | 移动技术网IT编程  | 我要评论

初级燃料学,今天武汉天气,斑马标签打印机

一、客户端方式验证
复制代码 代码如下:

<script language="javascript">
img=new image() ;
function check_filetypeandfilesize()
{
    //获得上传路径
    var str=document.all.uploadfile.value;
    //验证上传路径不为空
    if(str=="")
    {
          alert("请先选择要上传的图片！");
          return false;
    }
    //验证上传文件格式是否正确
    var pos = str.lastindexof(".");
    var lastname = str.substring(pos,str.length)
    if (lastname.tolowercase()!=".jpg" && lastname.tolowercase()!=".gif")
    {
         alert("您上传的文件类型为" lastname "，图片必须为 jpg 、gif 类型");
         return false;
    }
    //验证上传文件宽高比例
    if(img.width/img.height>1.6)
    {
         return confirm(您上传的图片比例大于8:5，确认要上传吗？);
    }
    //验证上传文件是否超出了大小
    if(img.filesize/1024>150)
    {
         alert("您上传的文件大小超出了150k限制！");
         return false;
    }
    return true;
}
//上传文件框地址改变事件，即时预览图片
function changephoto()
{
img.src=document.all.uploadfile.value;
}
//-->
</script>
<div>
                <upload:inputfile id="uploadfile" name="uploadfilepath" runat="server" onchange="changephoto() " />
                <asp:button id="btnupload" runat="server" text="上传" onclientclick="return check_filetypeandfilesize()"
onclick="btnupload_click" />
</div>
<div class="upload">
                 <img id="imgpreview" src="images/pic1.gif" runat="server" />
</div>

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网