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" οnchange="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>