JS Exif for XE (XE 애드온) - 애드온

이 애드온은 자바스크립트를 이용해 이미지를 읽어와서 Exif정보를 클라이언트쪽에서 읽습니다. 그렇기 때문에 기존에 Exif애드온이 서버단에서 Exif정보를 읽던 것과 차이가 있습니다. 이 차이 때문에 이 애드온의 장점과 단점이 발생합니다. (제가 효율적인 코드를 짜지 못한 이유도 한몫 하지만요..)

이 애드온을 만든 이유?

사진을 한 게시물에 많이 올려 보다 보니, 기존 Exif애드온을 작동시켜 놓으면, 글 작성에는 문제가 없지만, 글 열람시에 문제가 생겼었다. 문제는 Exif정보를 읽다 보니 아마도 메모리 상한선을 넘었던 것 아닐까 싶다. (제목만 나오는 현상이 생긴다. 궁금하면... 한번 해보세요. (메모리 한도 작은 일반 웹 호스팅 환경에서 한.. 전체 50mb정도? 이미지 첨부해서.. (내가 비정상인가?...))

흠 그래서 생각하게 된것이, '클라이언트'에서 Exif정보를 읽으면 이런 문제가 없지 않을까 싶어 찾아보니, 그런 스크립트가 있었다. 그래서 그 스크립트를 낼름 해서 XE에 적당하게 적용 코드만 넣어서 만든 한마디로 날로먹기 애드온이다 >.<; (날로먹는다고 날림 애드온이라곤 생각 안한다.)

이 애드온의 장점

서버가 한번에 PHP파일을 통해 처리하는 메모리 규모를 기존 Exif애드온 보다 줄일 수 있다.

이 애드온의 단점

페이지가 다 로딩된 이후에 이미지 다운로드 및 분석을 시작한다. 따라서 Exif정보가 나오는 시점은 페이지가 로딩된 이후다. 또 이미지를 바이너리로 막 읽어오기 때문에 메모리도 좀 많이 소모하는 것 같다. 이 부분은... 코드만 잘 수정하면 해결될 것 같은데, 나의 능력 부족이다... (백마탄 초인을 원합니다!)

주의사항

아직 가다듬기 중이다. (XE사이트에서 허가가 나기까지는 늘 다듬기 과정이다.) 그래서 XE사이트에 올릴 때는 살짝 개선될 수 도 있다. (내일 내가 할일들을 생각해보면, 사실 시간적 여유는 없지만, 사람일은 모르는 것이니까요? ^^;;)

이미지 총 용량이 50MB가 넘는 페이지에서 사용해보니, IE의 경우는 잠깐 멎는 수도 있다. (크롬 같은 아해들은... 괴물이다 >.<;)

 

써보실 분은...

soo_js_exif.zip 를 다운받아서 일반 XE 애드온 설치하듯이 하시면 된다.

아! 그리고 하나 빼먹었는데, 출력되는 형식을 거의 고정해두었다. 바꾸려면... 좀 복잡다. >.<; 이렇게 하면 원래 안되지만... 흠; 인라인 형식으로 만들어야 할 것 같아서 div안쓰고, li안쓰고 기타 등등... 내 마음대로 막 만들었다. 설치하고 그냥 활성화만 해주면 된다 >.<;

사용한 라이브러리

이거 소개하고 싶었다. 구글 검색을 해보니, 이 파일 찾으신 분은 많을 것 같은데, 적용 예가 없더라... (제작자 홈피 외엔;;)

제작자 블로그가 http://blog.nihilogic.dk/ 이다.(블로근지 홈페이지인지 여튼) exif.js파일만 있으면 되는줄 알고 처음에 삽질을 좀 했다.. 결국에 실패하고... 제작자 홈피에는 쉽게 어떻게 했더라만.. 나는 그냥... 했다. 내 생각에 제작자는 이렇게도 쓰라고 만들지 않았을까? (혼자 상상) ㅋㅋ >.<;

jQuery는 조작을 위해 사용했다. (이거 따로 불러줘야 하나?;; 그냥 썼는데 오류나는지 모르겠다.)

2010-02-08 일부 수정됨

Share
이 글과 관련된 글
  1. [2010/07/09] 요약 책갈피 애드온 (XE 애드온) by misol (297)
  2. [2010/07/09] Nuum 포기..(?) by misol (175)
  3. [2010/07/08] 24일 워드프레스 캠프 개최... XE도 17일 사용자모임 마련 by 떡이떡이 (252)
  4. [2010/06/29] Firefox의 괜찮은 애드온 by SeklutZ (238)
  5. [2008/12/14] 심플한 바탕화면 배경용 패턴 이미지 by HE (116) *4
TAG

Leave Comments


profile미솔이가 낙서하는 곳안녕하세요~! 블로그 해보려고 이리저리 만지작거리는 미솔입니다. 

Category

Twitter


T-NAVI