Dropzone.js 를 이용한 파일 업로드 구현하기

구글링을 하다가 우연히 찾게된 블로그를 소개한다.

http://geekhmer.github.io/blog/2015/02/10/ruby-on-rails-uploads-multiple-files-with-dropzonejs-and-paperclip-gem/

여러개의 파일을 드래그앤드롭으로 업로드할 수 있도록 해주고 이미지 프리뷰까지 지원한다. 부트스트랩을 사용하여 인터페이스도 깔끔하다. Dropzonejs(http://www.dropzonejs.com)을 레일스에서도 쉽게 사용할 수 있도록 해주는 dropzonejs-rails 젬이 있어서 편리하다.

저자는 이 블로그의 예제 소스에 기능을 추가해서 github로 공유한다.

위의 블로그 소스에서는 paperclip 젬을 이용하여 작성했지만, 저자는 carrierwave 젬을 이용하여 코드를 수정하고 carrierwave 브랜치로 푸시해 놓았다.

dropzonejs capture