긍적적인 사고, 음식의 절제, 규칙적인 운동

근데 파일 업로드시에 항상 자동으로 만들어지는 \"찾아보기\" 버튼을 이미지로 바꿀수는 없을까? 란 주문들은 꽤나 자주 들어오는 주문입니다. input type= file 인경우에는 무조건 찾아보기 버튼이 붙지요

다른걸로 바꿀방법? 없습니다.! < /p> < p> 단, 편법으로는 가능합니다.

현재에 보이는 input type=file 부분을 Style을 이용하여 안보이게 숨겨놓고, 일반 input type=text를 하나 폼에 넣고, 그 옆에 원하는 이미지를 놓습니다. 이미지의 onClick 이벤트 부분에 javascript로 아까 숨겨두었던 input type=file 부분의 name을 이용해서 열어준 다음에 사용자가 파일을 고르게 되면 그 값을 보여주기 위해서 다시 숨겨져있던 입력폼의 값을 새로 만들었던 text 형식의입력폼에 집어 넣으면 됩니다.

말이 좀 복잡한데요. 소스를 보시면 좀 이해가 쉽구요.... 그래도 이해가 안가면, 직접 코드를 실행해 보면 이해가 쉽습니다.

파일찾아보기

다음은 이 코드를 실행시켜 본 모습입니다. 즉, 다음과 같이 동작한다는 것이죠


파일찾아보기


실제로 파일은 input type=\"file\" 컨트롤을 통해서 기존처럼 지정되는 것이지만... 단지, 사용자의 눈에 보여줄테만 그렇지 않게 보여주는 것입니다. 일단 소스를 구동시켜 보시고 나면 이해가 되실 겁니다.

어떻게 보면 asp하고는 관계가 없을것 같지만 이 Form 을 처리하는데에 있어 asp를 이용하니... 상관이 없다고는 할수가 없겠지요^^(순 억지인가요..)

asp 페이지에서 받을때엔 사용하시는 업로드 컨포넌트를 사용해서 UploadCom(\"file\")과 같은 식으로 받으면 되겠네요. 그리고, 소스 중에서 \"파일찾아보기\" 란 텍스트 대신 이미지를 넣으면 되겠구요.

좋은 하루 되세요

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장