zl程序教程

您现在的位置是:首页 >  后端

当前栏目

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

NetASP上传代码 图片 验证 例子
2023-06-13 09:15:03 时间
一、客户端方式验证
复制代码代码如下:

<scriptlanguage="javascript">
img=newImage();
functionCheck_FileTypeAndFileSize()
{
   //获得上传路径
   varstr=document.all.uploadFile.value;
   //验证上传路径不为空
   if(str=="")
   {
         alert("请先选择要上传的图片!");
         returnfalse;
   }
   //验证上传文件格式是否正确
   varpos=str.lastIndexOf(".");
   varlastname=str.substring(pos,str.length)
   if(lastname.toLowerCase()!=".jpg"&&lastname.toLowerCase()!=".gif")
   {
        alert("您上传的文件类型为"lastname",图片必须为JPG、GIF类型");
        returnfalse;
   }
   //验证上传文件宽高比例
   if(img.width/img.height>1.6)
   {
        returnconfirm(您上传的图片比例大于8:5,确认要上传吗?);
   }
   //验证上传文件是否超出了大小
   if(img.fileSize/1024>150)
   {
        alert("您上传的文件大小超出了150K限制!");
        returnfalse;
   }
   returntrue;
}
//上传文件框地址改变事件,即时预览图片
functionchangephoto()
{
img.src=document.all.uploadFile.value;
}
//-->
</script>
<div>
               <Upload:InputFileID="uploadFile"name="UploadFilePath"runat="server"onchange="changephoto()"/>
               <asp:ButtonID="btnUpload"runat="server"Text="上传"OnClientClick="returnCheck_FileTypeAndFileSize()"
OnClick="btnUpload_Click"/>
</div>
<divclass="upload">
                <imgid="imgPreview"src="images/pic1.gif"runat="server"/>
</div>