첨부파일 기능 input type에 관해.. 질문드립니다 +_+
희미해
흠... 아직 퍼블리셔 신입으로 일한지 2주정도 되었는데....
나름 쉽다는 input 타입에서 딱 막혀 일에 진도를 못빼고 있답니다..
바로바로 그것은...
첨부파일 기능이요
ie7 /ie8브라우저에선 첨부파일이 되지 않더라구요...
텍스트파일 이미지로 하려다... 욕먹고 파일첨부 기능을 아무리 찾아봐도
잘 모르겠네요 ㅜㅜ
이정도 되는 조금만 테이블이에요~
----------------------------------------------마크업-----------------------------------------------
div class=link_banner
pa href=이미지 target=_blankimg src=/template/header/img/banner/linkview.gif alt=문의하기 //a/p
p class=label_btn_qrlabel class=btn_lb btn_qrinput type=button value=문의하기 //label/p
div class=inqure_input
p class=bn_titlespan제목 /spaninput type=text name=제목쓰기 title=제목쓰기 size=50 //p
p class=span class=bn_content내용 /spantextarea rows=6 col=100 title=내용쓰기//textarea/p
p class=bn_filespan class=bn_file_ft첨부파일 /spaninput type=file name= title=파일올리기/p
p class=bn_font* 최대2mb, gif, jpg, hwp, doc, ppt, zip업로드/p
p class=bn_clicklabel class=btn_lb btn_qr input type=button value=문의하기 //label label class=btn_lb btn_ccinput type=button value=취소 //label/p
/div
/div
-------------------------------------------------------------------------css-----------------------.btn_lb input{border-color:#793700; font-size:12px; line-height:22px;}
.btn_qr {width:77px; height:23px; background-position:0 -1380px; overflow:hidden; border-right:1px solid #793700; border-left:1px solid #793700;}
.btn_qr input {width:77px; height:23px; color:#fff; font-weight:bold; background-position:50% -1380px; margin:0px;}
.btn_cc {width:41px; background-position:0 -5px;}
.btn_cc input {background-position:50% -2000px; border-right:1px solid #a0a0a0; width:41px; height:23px;}
.inqure_input {width:316px; border:2px solid #3f3f3e; background-color:#f7f9fd; padding-top:14px; }
.inqure_input input {height:19px; margin-bottom:7px;}
.inqure_input p {position:relative; top:-10px; font-size:12px; font-family:sans-serif; color:#3f3f3e; padding-left:40px;}
.inqure_input .bn_title{position:relative; top:0px; padding-bottom:10px;}
.inqure_input .bn_title input{width:231px;}
.inqure_input .bn_content {position:relative; top:-40px;}
.inqure_input textarea {border:1px solid #b0cbf2; width:229px; height:93px; margin-bottom:9px;}
.inqure_input .bn_file {margin-left:-24px;}
.inqure_input .bn_file .bn_file_ft{position:relative; top:-5px;}
.inqure_input .bn_file input {background-color:#fff; width:234px; height:21px; font-size:12px; margin-top:-2px; }
.inqure_input .bn_font {font-size:11px; color:#ff6600; letter-spacing:-0.2px; word-spacing:-0.2px; font-family:dotum; margin-left:28px; margin-top:-3px; }
.file_input_textbox {float:left;}
.file_input_div {position:relative; width:80px; height:23px; overflow:hidden;}
.file_input_hidden {font-size:12px; position:absolute;}
.file_input_button {width:100px; position:absolute; top:0px; background-color:#338800; color:#fff; border-style:solid;}
.inqure_input .bn_click {padding-left:95px; margin-top:10px; margin-bottom:8px;}
.inqure_input .bn_click input {font-size:12px; height:23px; }-------------------------------------------
수다님들에 조언 부탁부탁 드려요 ㅜ_ㅜ...
참고로 왕초보 작품이라 두서없고 엉망입니다
너무 뭐라 말아주세요... ☞;;;☜--------------------------------------------수정ie테스터 부분에서는 이렇게 미리보기가 된답니다
위에처럼 첨부파일 부분이 보여야 하는데..
눌러도 파일첨부하는 창이 뜨지않고 이렇게 떠요 ㅜㅜ
이제보니.. 크롬에서도 깨지네요 ;;;
이렇게..
-
우울녀
오호라... 그렇쿤요! 그 테스터기의 오작동은 전혀 생각치 못했네요.. 다른 브라우저를 찾아봐야겠어요~ 감사합니다... 테스터 이눔의 시킈때문에... 정말 진땀난거 생각하면....슬퍼지네요 ㅠㅠㅋㅋㅋㅋ
-
다미
그거 테스터기로 하면 그러는데 ..
다른곳에서 그 브라우저 사용하는 사람은 보인다고 하더라고요 .. 테스터기가 말썽일꺼에요 ...
IE 7 8 쓰는 유저한테 한번 봐달라고 해보세요 아니면 회사에 IE 7 8 깔려져 있는 컴퓨터로 확인해보시던지요
저도 저런적이 있어서요 ^^; -
마루나
IE테스터를 그대로 믿지 마세요~
-
풀잎
위에 사진처럼 첨부버튼 부분이 사라져 버려요 IE테스터로 확인하면요 ㅠㅠ.....
-
새나
뭐가 안되신다는 건지.;
-
큰솔
file에서 글자만 보이게 오른편에 file에 파일명을 꺼내서 보여줄 tag 만들어서 file이 업로드되면 js를 해서 보여줄 tag에다가 처리하는거죠 ㅎㅎ input file에 name만 있으면 폼전송이 되니까..
-
다와
그럼.. 파일 input타입은 텍스트마냥 네모난창이 자동생성 되는데... 혹.. 자동생성이 안되게 하는 방법도 있나요? (/?ㅅ?)/
-
노랑이
아니면 업로드하는 저건 file을 쓰고 첨부파일 앞에 text넣어서 js로 해도 되지요. file에 파일 담아서 서버측에 전송만 되면 되니까요.
-
다크
네 크롭이나 인터넷브라우저에서는 뜨는데.. 7버전하고 8버전에선 저 위에 사진처럼 첨부하는 버튼이 사라져 버려요 ㅜㅜ....
-
도도
file이면 상관없을텐데.. 파일명이 text엔 노출이 되시나요?