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

2019-11-20 11:30:38

字體：大中小

供稿：網(wǎng)友

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

大家都知道，后臺獲取FileUpload擴展名方法：

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

JS判斷FileUpload控件上傳文件的擴展名：

<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 實例效果圖：