為了程式碼變得更加簡捷,筆者使用了正規表示式來取得檔案副檔名,如果讀者對正規表示式不太了解或從來沒有接觸過,請馬上惡補一下!畢竟它非常重要,大多數的程式語言都支援正規表示式。
大家都知道,後台取得FileUpload副檔名方法:
string ext = Path.GetExtension(fu.PostedFile.FileName);
JS判斷FileUpload控制項上傳檔案的副檔名:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>JS判断文件类型-乐猪网</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 實例效果圖:
以上就是JS判斷FileUpload控制項上傳檔案的副檔名的實作方法,希望對大家的學習有幫助。