频道栏目
首页 > 程序开发 > Web开发 > ASP.Net > 正文
Asp.Net上传图片验证代码
2010-09-15 13:42:34           
收藏   我要投稿
一、客户端方式验证

  1. <script language="javascript">
  2. img=new Image() ;
  3. function Check_FileTypeAndFileSize()
  4. {
  5.     //获得上传路径
  6.     var str=document.all.uploadFile.value;
  7.    
  8.     //验证上传路径不为空
  9.     if(str=="")
  10.     {
  11.           alert("请先选择要上传的图片!");
  12.           return false;
  13.     }
  14.     //验证上传文件格式是否正确
  15.     var pos = str.lastIndexOf(".");
  16.     var lastname = str.substring(pos,str.length)
  17.     if (lastname.toLowerCase()!=".jpg" && lastname.toLowerCase()!=".gif")
  18.     {
  19.          alert("您上传的文件类型为" lastname ",图片必须为 JPG 、GIF 类型");
  20.          return false;
  21.     }
  22.     //验证上传文件宽高比例
  23.     if(img.width/img.height>1.6)
  24.     {
  25.          return confirm(您上传的图片比例大于8:5,确认要上传吗?);
  26.     }
  27.    
  28.     //验证上传文件是否超出了大小
  29.     if(img.fileSize/1024>150)
  30.     {
  31.          alert("您上传的文件大小超出了150K限制!");
  32.          return false;
  33.     }
  34.     return true;
  35. }
  36. //上传文件框地址改变事件,即时预览图片
  37. function changephoto()
  38. {
  39. img.src=document.all.uploadFile.value;
  40. }
  41. //-->
  42. </script>
  43. <p>
  44.                 <Upload:InputFile ID="uploadFile" name="UploadFilePath" runat="server" onchange="changephoto() " />
  45.                 <asp:Button ID="btnUpload" runat="server" Text="上传" OnClientClick="return Check_FileTypeAndFileSize()"
  46. OnClick="btnUpload_Click" />
  47. </p>
  48. <p class="upload">
  49.                  <img id="imgPreview" src="images/pic1.gif" runat="server" />
  50. </p>

点击复制链接 与好友分享!回本站首页
相关TAG标签 代码 图片
上一篇:Asp.Net程序生成验证码讲解
下一篇:连接字符串一个错误例子
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站