찾아보기 버튼 input type="file"
겨울바람
개발자입니다
디쟌은 잘 몰라서 그냥 웹표준에 관심만 두고있는 개발자죠
그런데 하는일은 html날코딩이 더 많네요 ^^;
ms의 보안패치 이후로 찾아보기 버튼을 다른것으로 대치하는것이 불가해졌는데(기존방법으로는..)
그러니깐 input type=file 을 display:hidden으로/ input type=text를 추가/ img에 anchor를 걸어서 file을 click()하는 js 이용
이방법이 안되는것을요
예전에 이게 왜안되지 왜안되지 하면서 그냥 저런 꼼수를 주석처리 해놓고 알아볼생각을 안하고있었네요
div나 span에다가 background이미지를 줘서 찾아보기 버튼과 겹치게해서 쓰는방법하고
js와 히든 frame을 이용해서 따로 처리하는 방법이 있다고 들었는데요
다들 하시는 말씀이input type=file그대로를 쓰는것이 좋다고 하시니
그냥 쓰려고 보니 버튼에 어느정도까지 스타일을 줄수 있는건지 궁금해졌어요
찾아보기 버튼이 한글/영문 다르기도 하고 버튼모양이 둥글둥글/네모지게 다르기도 하네요
예로 소스까지 알려주시면 감사하겠지만^^; 어느정도까지 찾아보기버튼을 디자인 할수있는지 궁금합니다
-----------------------------------------
p.s. 수다님도 잘 해보시진 않으셨나봐요 ㅠㅠ
예를들어
style type=text/css
.box01{border-top: #a2a2a2 1px solid; border-right: #dedede 1px solid; border-bottom: #dedede 1px solid; border-left: #a2a2a2 1px solid;}
/style
input type=file name=upload class=box01 style=width:400px;
input type=file name=upload style=width:400px;
이런식으로버튼 모양에 차이가 있잖아요?
?
이밖에 버튼을 더 꾸밀수 있는 디쟌이 있나하고요;;
-
갈기슭
개발자분이시면 더 잘아실거같은데...그런 꽁수(?)를 사용했을때 아주 가끔씩 파일이 업로드가
안되는 문제에 대해서....다른 input의 types는 몰라도 file은 그냥 그대로 사용하는게 좋습니다.
기본상태에서 버튼에 한글로 나오는건 현재 사용자의 os가 한글판이기에 가능합니다.
사용자의 os에 따라서 영문으로 나오기도 하고 기타 다른 언어로 뿌려지기 마련입니다.
꽁수로 파일찾기(os 국문일때)를 이미지로 대체하여(똑같이 파일찾기로 했을때) 사용했을 -
SweetChoco
file을 투명처리한다음 공중에 띠우고 그아래쪽에 이미지를 넣고 클릭되는거처럼 꾸밀수는있습니다.
실질적으로 클릭은 파일을 누르는것이죠 그리고 그 값을 빈 input text에다가 넣어주는 스크립트 하나면 끝 -
봄해
거의 불가능 하다고 생각 하시는게 좋을듯 하네요~ ^^