一、客户端方式验证

复制代码 代码如下:

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

<img id="imgPreview" src="images/pic1.gif" runat="server" />

</div>