입력 유형=파일을 이미지로 대체
P粉567281015
P粉567281015 2023-10-13 13:47:35
0
1
731

많은 사람들처럼 나도 입력 유형 파일과 똑같은 추악한 input type=file,并且我知道如果没有一些 hack 和/或 javascript 就无法完成。但是,问题是,就我而言,上传文件按钮仅用于上传图像(jpeg|jpg|png|gif),所以我想知道是否可以使用“clickable" 이미지를 사용자 정의하고 싶었습니다(대화 상자를 표시하고 제출된 페이지에 동일한 $_FILE을 표시함).

여기에서 몇 가지 해결 방법을 찾았습니다. 이 역시 흥미롭습니다(그러나 Chrome에서는 작동하지 않습니다 =/).

파일 버튼에 스타일을 추가하고 싶을 때 어떻게 하시나요? 이에 대해 의견이 있으시면 답변 버튼을 눌러주세요 ;)

P粉567281015
P粉567281015

모든 응답(1)
P粉158473780

이것은 나에게 매우 효과적입니다:

으아악 으아악

기본적으로 라벨의 for 속성은 라벨 클릭이 지정된 입력을 클릭하는 것과 동일하게 만듭니다.

또한 표시 속성을 없음으로 설정하면 파일 입력이 전혀 렌더링되지 않아 깔끔하게 숨겨집니다.

Chrome에서 테스트되었지만 웹에 따르면 모든 주요 브라우저에서 작동해야 합니다. :)

편집자: JSFiddle이 여기에 추가되었습니다: https://jsfiddle.net/c5s42vdz/

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿