파일 확장자에 대한 정규식, 이해 방법

Question

jQuery-File-Upload 및 기본 -flash.html 데모에는 파일 확장자에 대한 정규 표현식이 있습니다.

/(\.|\/)(gif|jpe?g|png)$/i

(gif|jpe?g|png)$/i - 두 번째 부분은 분명 일치 특정 파일 확장자는 대소 문자를 구별하지 않습니다. 이 부분에 대한

그러나 :

(\.|\/) 

소수점 하나 개의 문자, |은 첫 번째 또는 두 번째 부분과 일치합니까?

jQuery를 - 파일 업로드 basic-plus.html

Answer 1

이 부분 : (\.|\/) 평균 :

• \. : 실제 점 (탈출), 그것은 모든 문자와 일치 하지 일반적인 점이다.
• | 또는
• \/ 슬래시

그래서 당신은 잡는 것 (탈출) :

• .gif, /gif, .GIF, /GIF ...
• .jpg, /jpg, .JPG , /JPG, .jpeg, /jpeg, .JPEG, /JPEG ...
• .png, /png이 두 파일 확장자 (.jpg, .gif ...)과 MIME 타입 (image/jpeg, image/gif을 확인하는데 사용된다 .PNG, /PNG ...

. ..). jquery.fileupload-validate.js 소스

는

추출 :

$.widget('blueimp.fileupload', $.blueimp.fileupload, { 

    options: { 
     // The regular expression for allowed file types, matches 
     // against either file type or file name: 
     acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, 
     ... 
    }, 

    processActions: { 
     validate: function (data, options) { 
      ... 
      // Check file.type AND file.name 
      if (options.acceptFileTypes && 
       !(options.acceptFileTypes.test(file.type) || 
        options.acceptFileTypes.test(file.name))) { 
       file.error = settings.i18n('acceptFileTypes'); 
      } 
      ... 
     } 
    } 

});