"<input type=file>" 에서 파일 이미지 변경하기

<input type=file> 에서 파일 이미지 변경하기

 

파일 import 를 구현 하던 중에 다국어 처리가 필요했는데

<input type="file"> 인 경우

버튼도 파일이라고 한글로 나오면서

선택한 파일이 없으면 "파일이 없습니다"라는 한글 메시지가 나오게 되었다.

 

그래서 이런 케이스는 어떻게 처리하지 찾아보다가

아예 파일 버튼을 이미지로 변경하는 방법을 찾게 되었다.

 

원리는 간단하다. 기존에 파일 버튼을 투명도를 이용해서 감춰두고 , 그 위에 이미지를 씌우는 것이다.

 

참고링크

http://burchurl.egloos.com/2352060

 

마지막으로 jquery 의 live() 함수를 사용해서 파일 태그가 변경되었을 때 처리하는 핸들러 함수를 지정하면 끝이다.