2012-10-25 3 views
4

입력 파일 유형이 file 인 모달 창을 표시하려면 jqueryui dialog을 사용하고 있습니다.HTML 입력 유형 파일에 크롬에 파일 이름이 표시되지 않습니다.

크롬에서 파일을 선택하면 file name is not displayed입니다. 찾아보기 단추 위에 hover이 있으면 파일 이름이 표시되지만 그 외에는 아무 것도 표시되지 않습니다. 그것은 파이어 폭스와 잘 작동합니다. 다음은 문제의 스크린 샷입니다.

Chrome error

나는 내가 선택 버튼 옆에 이름을 표시하기 위해 무엇을해야하는지 알고 싶어요.

+1

바이올린을 만들 수 있습니까? – Barmar

+0

아마 당신에게 분명하지만, 당신의 질문은 무엇입니까? 당신은 실제로 하나 묻지 않습니다. 너는 실제로 무엇을 원합니까? – enhzflep

+0

사용중인 Chrome 및 jQuery UI 버전을 지정할 수 있습니까? 이것은 현재 그대로 작동합니다. – Selosindis

답변

4

이 문제도 발생했습니다. 그것을 처리하기 위해 내가 찾아보기 단추 옆에 필드를 추가하고이 같은 변화의 텍스트를 추가 :이 경로 이름의 시작 \ fakepath \을 추가되었을 때 문자열이 추가 된

$("#fileUpload").change(function (e) { 
     var path = this.value; 
     this.form.field.value = "..." + path.substring(11, path.length); 
    }); 

.

+0

이 문제의 원인은 무엇입니까? – Eugen

+0

크롬 및 사파리와 같은 웹킷 브라우저의 기본 동작으로 결정되었습니다. 필드와 같은 텍스트 상자가 없지만 대신 텍스트 만 표시합니다. 이렇게 수정해야합니다. – mikeswright49

0

잘 작동합니다.

<input type="file" class="button" id="fileupload" value="Upload file" multiple onChange="handleFiles(this.files)"> 
관련 문제