Asp.Net上傳圖片驗證代碼的小例子
更新時間:2013年07月25日 10:34:20 作者:
這篇文章介紹了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>
復制代碼 代碼如下:
<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>
相關文章
解決VS2012 Express的There was a problem sending the command to
安裝Visual Studio 2012 Express之后,雙擊打開web.config文件時經(jīng)常出現(xiàn)“There was a problem sending the command to the program”的錯誤,然后VS2012 Express打開了,但web.config文件沒打開,需要再次雙擊web.config文件才能打開。很是煩人2013-02-02
ASP.NET2.0中用Gridview控件操作數(shù)據(jù)的代碼
在ASP.NET 2.0中,加入了許多新的功能和控件,相比asp.net 1.0/1.1,在各方面都有了很大的提高2012-10-10
ASP.NET 計劃任務實現(xiàn)方法(不使用外接程序,.net內(nèi)部機制實現(xiàn))
在asp.net中要不使用其他插件的情況下只能使用定時器來檢查, 并執(zhí)行任務.2011-09-09
asp.net 下載文件時根據(jù)MIME類型自動判斷保存文件的擴展名
如果我們沒法正確判斷下載源的文件類型的話,就無法保存為正確的文件格式,會給后續(xù)操作及人工閱覽造成困擾。 所幸的是,WebRequest可以給出下載源的MIME信息,這讓我們可以確定文件的真實格式,并以此來決定最終的存儲擴展名。(2009-11-11
asp.net SqlParameter關于Like的傳參數(shù)無效問題
用傳參方式模糊查詢searchName2009-06-06

