一、客戶端方式驗證
復制代碼 代碼如下:
<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>
