개발자의 끄적끄적

[javascript/jquery] 파일업로드 버튼 커스텀 방법] javascript 에서 파일 업로드를 다루다보면 input file 태그를 사용하는데 그러면 아래 이미지와 같이 보여집니다. 위와같은 문구를 안보이게 설정하고, [업로드] 라는 텍트스라 보이게 커스텀 하려면 아래와 같이 input file 태그에 display:none 스타일을 추가하고, label 태그를 추가하면 됩니다. [업로드] 그러면 아래 이미지와 같이 [업로드] 라는 텍스트로 변경됩니다! 원하시는 스타일이 있으시면 라벨에 스타일을 추가하시면 됩니다! 그리고 제일 중요한거!!! label 태그를 클릭했을때, 파일 업로드가 동작하게 하려면, for="file" 이 안에 값을 input file 태그의 id 와 동일하게 맞춰 주셔야 ..

[html/css] 파일첨부시 특정 파일확장자만 선택하게 하기 [펌] 태그에 accept 속성으로 사용자가 첨부하려는 파일을 특정할 수 있다. 실제 동작하는 모습을 보여주기 위하여 예제를 준비 했다. 하단의 링크를 클릭해서 어떤 모습인지 확인이 가능하다. HTML Example: 파일 선택시 지정한 파일 종류만 보이게 하기 특정 확장자의 파일만 보이는 파일선택 다이얼로그 창 이미지 사용방법은 input 태그에 accept 속성만 주면되고. 속성의 값으로 사용 할 수 있는 방법은 특정 확장자를 지정하거나 미디어 타입을 지정하는 방법 또는 audio/*, video/*, image/* 형식의로 정의 할 수 있다. 파일 확장자로 지정하는 것은 .gif, .jpg, .png 와 같이 나열 하면 된다. 구분은 ,..