首頁 > web前端 > js教程 > JavaScript判斷FileUpload控制項上傳檔案類型_javascript技巧

JavaScript判斷FileUpload控制項上傳檔案類型_javascript技巧

WBOY
發布: 2016-05-16 15:37:49
原創
1499 人瀏覽過

為了程式碼變得更加簡捷,筆者使用了正規表示式來取得檔案副檔名,如果讀者對正規表示式不太了解或從來沒有接觸過,請馬上惡補一下!畢竟它非常重要,大多數的程式語言都支援正規表示式。

大家都知道,後台取得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控制項上傳檔案的副檔名的實作方法,希望對大家的學習有幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板