궁극에 도달하기 직전의 이미지 업로드 모듈, Image FUpload

팁 관련 이미지: 

게으른 드루지기는 가능하면 설치하기 쉽고, 쓰기 쉽고, 코딩 안하는 것을 선호하다 보니...
한 기능에 대해 어지간해서 100% 마음에 드는 모듈을 구하기가 어려웠다.
당연하다. 커스터마이징을 해야지 마음에 들테니 말이다.

늘 부족하다고 느꼈던 드루팔의 기능 분야가 이미지 업로드와 표시 부분이었는데,
최근에 발견한 이 녀석 Image FUpload는 원하는 기능들의 90%까지 다다른 느낌이다.
그래서 소개해 보는데... (죄송합니다만 CCK개념을 모르시는 분은 어려울 듯)
우선 요약부터.

Image FUpload 모듈
http://drupal.org/project/image_fupload

ㅁ 첨부된 그림에 있듯이 + 버튼을 눌러 이미지를 동시에 선택해서 바로 올릴 수 있다. 업로드 중 프로그레스바도 보인다.
-- 비슷한 역할을 하는 것으로 Image Import 나 Image Import Zip
-- 또는 독립적으로 움직이는 SwfUpload 모듈이 있으나 다들 사용하기 불편하거나 CCK 지원이 약하다.

ㅁ CCK 와 연동한다. 고로 각 노드에서 이미지를 좀 더 체계적으로 관리할 수 있다.

이 Image FUpload 모듈의 유일한 단점(그래서 만족도 90%다)으로는,
설치가 다소 까다롭다는 점이다. 그래서 메모해 둔다.

Image FUpload 모듈 설치법
----------------------------------------

1. 사전에 필요한 활성화 모듈들이 몇몇 있다. Image, ImageCache, ImageField 모듈들이다.
-- 그리고 모듈이 아닌 SwfUpload 본향 소스(http://code.google.com/p/swfupload/)
-- 다운로드해야 한다. SwfUpload 2.2 소스 중에 다음의 3개 파일만 필요로 한다.
-- swfupload.swf, swfupload.js, swfupload.queue.js

2. Image FUpload 모듈을 다운로드하여 sites/all/modules 아래에 풀어 넣는다.
-- 모듈 관리에서 활성화를 할 때, 위 과정 1에 언급된 모듈들도 모두 체크해 주자.
-- 과정 1의 swfupload.swf, swfupload.js, swfupload.queue.js 도 Image FUpload 모듈 폴더의 swfupload 폴더에 넣어 주자.

3. 중요) ImageCache 모듈에서 적어도 하나 이상의 이미지 캐시 "Preset"을 만들 것.

4. 중요) 해당 컨텐츠 타입의 CCK 필드 설정에서, File 항목의 Widget Type을 Image FUpload로 선택, 저장할 것.
-- 그러면 Storage mode가 보이는데 Multiple images per node 로 해 주면 하나의 노드에 대해 복수의 이미지를 손쉽게 업로드 가능하다.

이 정도가 절차이다. 적힌 것보다는 실제로는 다소 번거롭다.
이제 노드 생성에서 Image Field 에 이미지 업로드할 때 멀티업로드가 가능해 진다.
또한 CCK 필드로 만든 이미지이므로 View나 컨텐츠 필드 뷰의 설정에서도 유리하다.

※ Image FUpload 모듈은 Upload 모듈과 독립적으로 움직이는 SwfUpload 모듈을 활성화할 필요는 없다.
-- 위 2번 과정에서 SwfUpload 패키지의 일부를 직접 차용하고 있기 때문이다.
-- Image FUpload 모듈은 2개의 부속 모듈을 가지고 있다. Image FUpload (CCK), Image FUpload (Image). 고로 본체 모듈까지 합치면 총 3개이다.

* 참고
-- Image FUpload (CCK) 모듈의 설명 : Allows uploading several images all at once to ImageField module.
-- Image FUpload (Image) 모듈의 설명 : Allows uploading several images all at once to image module.

* 주의!!!
-- 이렇게 고생해서 설치했는데도, Image FUpload 필드의 업로드 인터페이스 (+모양) 가 나오지 않는다면, 사용 중인 브라우저가 Flash를 지원하는지, 또한 브라우저의 플러그인 중에 플래쉬를 뜨지 않게 하는 필터가 있는지 확인해 보기 바란다. 자바 스크립트도 필수적으로 지원해야 한다.

-- 그러고 보니 점점 플래쉬가 설 자리를 잃어가는 현 상황으로 봐서는, 본 팁을 사용하는 방법이 그렇게 전망이 밝지는 않은 것 같다.

Your rating: None 평균 : 5 (1 vote)

댓글

위 본문의 내용에서 CCK나 SwfUpload,

위 본문의 내용에서 CCK나 SwfUpload, 그리고 ImageCache에 대해 더 자세히 알고 싶으신 분은, 본 댓글의 아래에 있는 "관련 글들"을 찬찬히 살펴보시면 상세 내용을 얻을 수 있습니다. 혹은 상단 우측(좌측)에 있는 검색에서 ImageCache를 입력해 보세요.

Image FUpload 모듈의

Image FUpload 모듈의 버그인지 웹브라우저의 버그인지 판단은 되지 않지만,
여러 개의 이미지를 올릴 때 "폼 검증" "Validation Errror" 관련된 메시지가 나타난다면,
아래 주소의 팁으로 해결할 수 있다.

http://drupal.org/node/353915#comment-1181907
http://drupal.org/files/issues/fupload_performance_setting.jpg

요약하자면, 관리 > 성능에 있는 캐싱 타임을 none으로 설정하는 것이다.