티스토리 뷰

웹프로그래밍/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
공유하기 링크
댓글