欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

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

大家都知道，后臺獲取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("請選擇要上傳的文件！");
  return false;
  }
  var stuff = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3];
  if (stuff != "zip") {
  alert("文件類型不正確，請選擇.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 實例效果圖：

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

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

相關(guān)文章

最新評論