수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

첨부파일 기능 input type에 관해.. 질문드립니다 +_+

희미해

2023.04.01

흠... 아직 퍼블리셔 신입으로 일한지 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테스터 부분에서는 이렇게 미리보기가 된답니다
위에처럼 첨부파일 부분이 보여야 하는데..
눌러도 파일첨부하는 창이 뜨지않고 이렇게 떠요 ㅜㅜ
이제보니.. 크롬에서도 깨지네요 ;;;
이렇게..

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 우울녀

    오호라... 그렇쿤요! 그 테스터기의 오작동은 전혀 생각치 못했네요.. 다른 브라우저를 찾아봐야겠어요~ 감사합니다... 테스터 이눔의 시킈때문에... 정말 진땀난거 생각하면....슬퍼지네요 ㅠㅠㅋㅋㅋㅋ

  • 다미

    그거 테스터기로 하면 그러는데 ..
    다른곳에서 그 브라우저 사용하는 사람은 보인다고 하더라고요 .. 테스터기가 말썽일꺼에요 ...
    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엔 노출이 되시나요?

번호 제 목 글쓴이 날짜
2694724 코딩시 폰트 문제; ㅠ 후력 2025-05-13
2694696 텍스트박스 입력에 관한 문제입니다. 딥공감 2025-05-13
2694668 [질문] 페이퍼비전 PointLight 관련 질문 드려요.. 두바다찬솔 2025-05-13
2694611 Flash Lite 2.1에서 BitmapData와 Matrix 지원안하나요? (3) 이플 2025-05-12
2694582 IE & 파이어폭스 (2) 흙이랑 2025-05-12
2694553 무비클립안의 duplicate 발동이 안돼네요; 딥보라 2025-05-12
2694523 자바 애플릿 질문좀 ^^ (6) 동이 2025-05-12
2694494 [질문] JAVA 또는 C++ 로 프로그램 개발시.. 레지스터리 등록 관련 의문점? (3) 우람늘 2025-05-11
2694469 익스6에서 css버그 나오는것 해결방법좀요 !!!! (6) 원술 2025-05-11
2694442 로컬에선 잘 나오는데 운영에 반영하면 이상하게 나와요. (8) 목화 2025-05-11
2694412 [질문] 이미지 로딩후 사이즈 조절할때 (1) 아담 2025-05-11
2694391 설치형 블로그 쓰시는 분들 어떤거 쓰세요?? (7) AngelsTears 2025-05-10
2694362 Microsoft SQL Server에서 서버만드는법 어둠 2025-05-10
2694333 for문으로 돌린 이름의 제어 (4) 레이 2025-05-10
2694308 이미지 css 도와주세요 ㅠㅠ (2) 애기 2025-05-10
2694223 [급질문]스크롤스파이의 offset값 진나 2025-05-09
2694195 li에 이미지 넣고 세로로 메뉴 구성하는 경우 (1) 예님 2025-05-09
2694167 canvas 질문요. (4) 찬늘봄 2025-05-08
2694136 왜 이렇게 나오는지 이해가 잘 가지 않네요. 부탁드리겠습니다... (2) 세련 2025-05-08
2694111 div , css 공부하고있는데요 잘모르겠어요.. 도와주세요 ㅠ_ㅠ (10) 모람 2025-05-08
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com