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