2013-04-26 2 views
0

사용자가 대문자 확장자를 가진 파일을 선택하더라도 소문자 확장자를 가진 파일을 업로드하고 싶습니다. 파일 선택시 <input type="file"/>을 사용합니다.입력 파일 확장자를 소문자로 변경하십시오.

다음은 예입니다 :


(abc.csv), (def.csv), (ghi.csv)

(abc.CSV), (def.cSV), (ghi.cSv)


전에 밑에는 파일 선택의 스크린 샷이다.

Screenshot of the file chooser

+0

왜 대문자로 입력해야합니까? –

+1

@MohammadAdil, 나는 파일이 대문자를 사용하더라도 소문자로 필요하다고 생각한다. –

+1

serverside 기술은 무엇입니까 – PSR

답변

1

당신은 보안 제한 사항으로 인해, 클라이언트 측의 파일 입력 필드의 실제 값을 조작 할 수 있습니다.

유일한 옵션은 서버 쪽에서 처리하는 것입니다.


당신은 값을 읽기 전용 수 있습니다. 단순히 텍스트를 소문자로 표시하려면 여러 가지 방법이 있지만, 파일을 업로드하면 파일은 여전히 ​​원래 이름을 따르게되므로 서버 측에서 처리해야합니다.

+0

고마워요. 다시 생각해 봐. –

0

CSS text-transform 속성을 사용할 수 있습니다. 당신은 사용자가 소문자로 적절한 파일 확장명을 가진 파일을 선택한 경우 확인하려는 경우

<!DOCTYPE html> 
    <html> 
    <head> 
    <style> 
    input.lowercase{text-transform:lowercase;} 
    </style> 
    </head> 

    <body> 

    FILENAME <input class = "lowercase" id ="filename" type="text" name="filename"> 

    </body> 
    </html> 
+1

type = "file"다시 읽으십시오. –

+0

이 ** ** 텍스트 ** 스타일 **을 변형합니다. 그러나 ** 실제 가치 **는 변경되지 않습니다. 이것이 OP가 원하는 것이 맞는지 확실하지 않습니다. 그의 확인이 필요할 것입니다. –

+1

측면이 아닌 텍스트 변형은 CSS3 속성이 아닙니다. 그것은'CSS1' 이후에 있었던'CSS' 속성입니다 ... – War10ck

1

, 당신은 아래의 사용 패턴에 작업을 니펫을 할 수 있습니다.

var file = $("#fileupload").val(); 

     if (file == '') { 
       $("#errDiv").html("Please select a file first."); 
       e.preventDefault(); 
       return false; 
     } 
     else { 
       var ext = file.split('.').pop().toLowerCase(); 
       if ($.inArray(ext, ['xlsx']) == -1) { //not .XLsx or otherwise 
       $("#errDiv").html("Please select valid file type(xlsx)."); 
       return false; 
      } 

마지막으로, 당신은 정말 백엔드에 업로드 한 파일을 확인하고 가장 중요한의 경우 유효한 확장하고, 유효한 파일을 참조해야합니다.

관련 문제