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

前端技术 2023/09/06 .NET
一、客户端方式验证
复制代码 代码如下:

<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>

本文地址:https://www.stayed.cn/item/15454

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。