亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript判斷FileUpload控件上傳文件類型

 更新時(shí)間：2022年02月23日 16:57:22   投稿：lijiao  
在CS后臺(tái)代碼中獲取FileUpload控件上傳文件的類型是比較容易的！那么，能否在客戶端通過JavaScript腳本判斷FileUpload上傳文件類型呢？答案是可以的，下面通過一個(gè)小例子為大家展示

為了代碼變得更加簡(jiǎn)捷，筆者使用了正則表達(dá)式來獲取文件擴(kuò)展名，如果讀者對(duì)正則表達(dá)式不太了解或者從來沒有接觸過，請(qǐng)馬上惡補(bǔ)一下吧！畢竟它非常重要，大多數(shù)的編程語言都支持正則表達(dá)式。

大家都知道，后臺(tái)獲取FileUpload擴(kuò)展名方法：

string ext = Path.GetExtension(fu.PostedFile.FileName);

JS判斷FileUpload控件上傳文件的擴(kuò)展名：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>JS判斷文件類型-樂豬網(wǎng)</title>
 <script type="text/javascript">
 function CheckFileUpload() {
  var obj = document.getElementById('fu');
  if (obj.value == "") {
  alert("請(qǐng)選擇要上傳的文件！");
  return false;
  }
  var stuff = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3];
  if (stuff != "zip") {
  alert("文件類型不正確，請(qǐng)選擇.zip文件！");
  return false;
  }
  return true;
 }
 </script>
</head>
<body>
 <form id="form1" runat="server">
 <div>
 <asp:FileUpload ID="fu" runat="server" />
 <asp:Button ID="btnSave" runat="server" Text="保存"
 OnClientClick="return CheckFileUpload();" />
 </div>
 </form>
</body>
</html>

FileUpload 實(shí)例效果圖：

更多精彩內(nèi)容請(qǐng)參考專題《ajax上傳技術(shù)匯總》，《javascript文件上傳操作匯總》和《jQuery上傳操作匯總》進(jìn)行學(xué)習(xí)。

以上就是JS判斷FileUpload控件上傳文件的擴(kuò)展名的實(shí)現(xiàn)方法，希望對(duì)大家的學(xué)習(xí)有所幫助。

相關(guān)文章

最新評(píng)論