recherche

Maison >interface Web >js tutoriel >JavaScript détermine le type de fichier téléchargé par les compétences FileUpload control_javascript

JavaScript détermine le type de fichier téléchargé par les compétences FileUpload control_javascript

WBOY
WBOYoriginal
2016-05-16 15:37:491502parcourir

Afin de simplifier le code, l'auteur utilise des expressions régulières pour obtenir l'extension de fichier. Si le lecteur ne connaît pas grand-chose aux expressions régulières ou n'y a jamais été exposé, veuillez le rattraper immédiatement ! Après tout, il est si important que la plupart des langages de programmation prennent en charge les expressions régulières.

Comme nous le savons tous, la méthode pour obtenir l'extension FileUpload en arrière-plan : 

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

JS détermine l'extension du fichier uploadé par le contrôle 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>

Rendu de l'instance FileUpload :

Ce qui précède explique comment JS détermine l'extension du fichier téléchargé par le contrôle FileUpload. J'espère que cela sera utile à l'apprentissage de chacun.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：JS implémente le code d'avatar et de liste d'articles avec les compétences mouse effect_javascriptArticle suivant：JS implémente le code d'avatar et de liste d'articles avec les compétences mouse effect_javascript

Articles Liés

Voir plus