ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript は、FileUpload control_javascript スキルによってアップロードされるファイルの種類を決定します。

JavaScript は、FileUpload control_javascript スキルによってアップロードされるファイルの種類を決定します。

WBOY
WBOYオリジナル
2016-05-16 15:37:491502ブラウズ

コードを簡単にするために、作成者は正規表現を使用してファイル拡張子を取得しています。読者が正規表現についてあまり知らない場合、または正規表現に触れたことがない場合は、すぐに補ってください。結局のところ、ほとんどのプログラミング言語が正規表現をサポートしていることは非常に重要です。

ご存知のとおり、バックグラウンドで 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 コントロールによってアップロードされたファイルの拡張子を決定する方法です。皆さんの学習に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。