2010-12-14 3 views

답변

2

브라우저 보안으로 인해 불가능합니다. 입력 요소를 유형 파일과 함께 사용해야합니다. 클릭 이벤트가 파일 입력 이후인지 확인하는 동안 브라우저 버튼 상단에 이미지를 넣고 사용자 지정할 수 있다고 생각합니다.

브라우저 보안 때문에 다른 파일 입력 요소로 클라이언트 파일 시스템에 액세스 할 수 없습니다. javascript와 같은 스크립트 언어로는 파일 구조를 얻지 못합니다. 심지어 예를 들어 javascript로 값 속성을 검사 할 때조차도 아닙니다. value 속성은 경로가 아닌 파일 이름 만 반환합니다.

Uploadify jquery 플러그인을 사용하여 버튼을 맞춤 설정할 수 있습니다. 그러나 그것은 내가 올바르게 기억한다면 플래시 파일로 작동 할 것입니다.

편집 : 예. 확인했습니다. Uploadify으로 가능합니다. 사용할 수있는 옵션은 buttonImg입니다.

$(document).ready(function() { 
    $('#file_upload').uploadify({ 
    'uploader' : '/uploadify/uploadify.swf', 
    'script' : '/uploadify/uploadify.php', 
    'cancelImg' : '/uploadify/cancel.png', 
    'folder' : '/uploads', 
    'buttonImg' : '/img/inputbutton.png', 
    'auto'  : true 
    }); 
}); 
+0

은 내가 플러그인 파일의 입력 요소 자체를 수정할 –

+0

입력 요소 자체를 수정하기위한 플러그인 **는 가능하지 ** 때문에 때문에 브라우저 제한 없다. 할 수있는 최선의 방법은 시각적으로 숨겨진 파일 입력 위에 스타일 요소를 배치하는 것입니다. – simshaun

+0

@simshaun 오 오케이. 그것을 어떻게 할 수 있는지에 대한 튜토리얼이 있습니다. 혼란스러워 어떻게 내가 CSS를 사용하여 그것을 할 수 –

관련 문제