>웹 프론트엔드 >JS 튜토리얼 >JavaScript는 FileUpload control_javascript 기술로 업로드된 파일 형식을 결정합니다.

JavaScript는 FileUpload control_javascript 기술로 업로드된 파일 형식을 결정합니다.

WBOY
WBOY원래의
2016-05-16 15:37:491505검색

코드를 단순하게 만들기 위해 저자는 정규식을 사용하여 파일 확장자를 얻습니다. 독자가 정규식에 대해 잘 모르거나 정규식을 접한 적이 없다면 즉시 보충해 주세요! 결국 대부분의 프로그래밍 언어가 정규식을 지원한다는 것은 매우 중요합니다.

우리 모두 알고 있듯이 백그라운드에서 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으로 문의하세요.