BLOG main image
분류 전체보기 (63)
(17)
성윤이 (0)
(5)
일상 (10)
낙관주의 (3)
삽질 (9)
웹사업개발팀 (5)
14661 Visitors up to today!
Today 28 hit, Yesterday 19 hit
daisy rss
tistory 티스토리 가입하기!
2007/03/30 19:21

IE7 및 비스타에서 이미지 업로드시 선택한 이미지를 미리보기하는 방법.
- 테스트되지 않았음.


1. ActiveX컨트롤 제작
   - 로컬이미지를 보여주는 ActiveX컨트롤을 제작한다.

2. 설정변경
   - 레지스트리 변경을 통해서 로컬 리소스 접근 금지 해제

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BLOCK_LMZ_IMG\iexplorer.exe 값을 0으로 셋팅
없을 경우 생성해야 함. IE컨트롤을 사용하는 다른 프로그램에서도 적용하기 위해서 iexplorer.exe대신 해당 프로그램 파일명을 지정할 수 있음.

   - 해당 사이트의 보안 등급을 신뢰할 만한 사이트로 변경
     IE메뉴>툴>옵션>보안 탭에서 해당사이트의 범주를 신뢰할 만한(TRUESTED) 사이트로 변경

3. background-image 스타일 사용
    - 명시적으로 로컬리소스의 접근이 금지된 <img>태그의 src속성을 사용하지 않고, 스타일시트의 backgroudn-image속성에 로컬이미지 경로를 지정한다.
    - 문제점 : background-image의 크기에 따라 <img>오브젝트의 크기가 자동으로 조절되지 않으므로 원본이미지의 크기를 알아야 가로세로비를 맞출 수 있다.

4. 서버로 업로드 한 후 보여준다.
   - 사용자가 선택한 이미지를 비동기로 업로드 한 후 보여준다.
   - 비동기 업로드 방법
     1. html form을 이용한 방법
     2. 업로드 ActiveX 컨트롤 사용
     3. 플래시 사용 (FileReference)
         - http://cp995.com/blog/45
         - http://blog.naver.com/vendor8?Redirect=Log&logNo=90014215223

이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://10year.tistory.com/trackback/11
teago | 2008/06/18 18:15 | PERMALINK | EDIT/DEL | REPLY
감사합니다. ie7버전에서 이미지변경이 안되서 한참 고민했는데 덕분에 잘 해결했습니다.
정말 감사합니다.
Name
Password
Homepage
Secret