源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-11-04 21:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Asp.Net上传图片验证代码的小例子
一、客户端方式验证
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部