suchen

Heim >Web-Frontend >js-Tutorial >JavaScript bestimmt den Dateityp, der durch die FileUpload-Fähigkeiten „control_javascript' hochgeladen wird

JavaScript bestimmt den Dateityp, der durch die FileUpload-Fähigkeiten „control_javascript' hochgeladen wird

WBOY
WBOYOriginal
2016-05-16 15:37:491502Durchsuche

Um den Code zu vereinfachen, verwendet der Autor reguläre Ausdrücke, um die Dateierweiterung zu erhalten. Wenn der Leser nicht viel über reguläre Ausdrücke weiß oder noch nie damit in Berührung gekommen ist, machen Sie dies bitte sofort nach! Schließlich ist es so wichtig, dass die meisten Programmiersprachen reguläre Ausdrücke unterstützen.

Wie wir alle wissen, ist die Methode zum Abrufen der FileUpload-Erweiterung im Hintergrund: 

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

JS bestimmt die Erweiterung der vom FileUpload-Steuerelement hochgeladenen Datei: 

<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-Instanz-Rendering:

Das Obige beschreibt, wie JS die Erweiterung der vom FileUpload-Steuerelement hochgeladenen Datei bestimmt. Ich hoffe, es wird für das Lernen aller hilfreich sein.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JS implementiert Avatar- und Artikellistencode mit Mauseffekt_Javascript-FähigkeitenNächster Artikel：JS implementiert Avatar- und Artikellistencode mit Mauseffekt_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen