티스토리 뷰

웹프로그래밍/js

이미지 업로드 전 클라이언트 경로를 통한 미리보기

공허공자 2008. 7. 3. 14:26

IE 7.0 이상의 버젼과 FireFox 3.0 이상의 버젼에서는 파일 업로드시 이미지 미리보기 스크립트를 이전과 같이 짜면 하나도 보이지 않는다.

물론 서버에 업로드 된 이미지 경로를 따서 보여주는 방식도 있지만
클라이언트의 JavaScript 만으로 해결하고자 하는 나같은 사람도 있기때문에
구글링을 열심히 하고 노하우를 축적하여 함수를 만들어내게 되었다.

IE 8.0 의 경우를 포함해봤는데,
objFile.Value 값이 'C:\fakepath\파일경로' 이므로 클립보드를 이용한 편법을 쓴다.
귀찮은점 한가지로 페이지 로딩한번에 한번씩 '클립보드 엑세스를 허용하시겠습니까?' 라고 물어온다.
귀찮지 않게 쓰려면
제어판 > 인터넷 옵션 > 보안 > 사용자 지정 수준 > 스크립팅 > 프로그램 클립보드 액세스 허용 : 사용
이 되어 있어야 한다. 물론 보안상으론 안좋아진다는것은 염두해두자.

오페라 브라우저의 경우 File 필드의 경로 값이 fake_path 로 온다고 되어있던데, 나중에 작업 예정.

[제작] 2008. YJ Kwak
[참고] Firefox3 : Native Ajax File Upload

저작자표시 (새창열림)

'웹프로그래밍 > js' 카테고리의 다른 글

Javascript Date & Time  (0) 2009.01.06
IE7 에서 image.src 작동하게 하기  (0) 2008.11.25
euc-kr 문서 폼에서의 scriptAculoUs controls.js 한글 질의 작동 패치  (0) 2008.10.15
prototype 1.6.3 이상 setValue Radio 버튼 오류 패치  (0) 2008.10.15
DHTML Calendar 1.0 작은 스크립트 달력  (0) 2008.08.28
공유하기 링크
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함