많은 사람들처럼 나도 입력 유형 파일과 똑같은 추악한 input type=file
,并且我知道如果没有一些 hack 和/或 javascript
就无法完成。但是,问题是,就我而言,上传文件按钮仅用于上传图像(jpeg|jpg|png|gif),所以我想知道是否可以使用“clickable
" 이미지를 사용자 정의하고 싶었습니다(대화 상자를 표시하고 제출된 페이지에 동일한 $_FILE을 표시함).
여기에서 몇 가지 해결 방법을 찾았습니다. 이 역시 흥미롭습니다(그러나 Chrome에서는 작동하지 않습니다 =/).
파일 버튼에 스타일을 추가하고 싶을 때 어떻게 하시나요? 이에 대해 의견이 있으시면 답변 버튼을 눌러주세요 ;)
이것은 나에게 매우 효과적입니다:
기본적으로 라벨의 for 속성은 라벨 클릭이 지정된 입력을 클릭하는 것과 동일하게 만듭니다.
또한 표시 속성을 없음으로 설정하면 파일 입력이 전혀 렌더링되지 않아 깔끔하게 숨겨집니다.편집자: JSFiddle이 여기에 추가되었습니다: https://jsfiddle.net/c5s42vdz/