Asp.Net中怎么上傳圖片驗(yàn)證

Asp.Net中怎么上傳圖片驗(yàn)證，針對這個(gè)問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。

一、客戶端方式驗(yàn)證

代碼如下:

<script language="javascript">
img=new Image() ;
function Check_FileTypeAndFileSize()
{
    //獲得上傳路徑
    var str=document.all.uploadFile.value;
    //驗(yàn)證上傳路徑不為空
    if(str=="")
    {
          alert("請先選擇要上傳的圖片！");
          return false;
    }
    //驗(yàn)證上傳文件格式是否正確
    var pos = str.lastIndexOf(".");
    var lastname = str.substring(pos,str.length)
    if (lastname.toLowerCase()!=".jpg" && lastname.toLowerCase()!=".gif")
    {
         alert("您上傳的文件類型為" lastname "，圖片必須為 JPG 、GIF 類型");
         return false;
    }
    //驗(yàn)證上傳文件寬高比例
    if(img.width/img.height>1.6)
    {
         return confirm(您上傳的圖片比例大于8:5，確認(rèn)要上傳嗎？);
    }
    //驗(yàn)證上傳文件是否超出了大小
    if(img.fileSize/1024>150)
    {
         alert("您上傳的文件大小超出了150K限制！");
         return false;
    }
    return true;
}
//上傳文件框地址改變事件，即時(shí)預(yù)覽圖片
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>

關(guān)于Asp.Net中怎么上傳圖片驗(yàn)證問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。