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

댓글 남기기

This site uses Akismet to reduce spam. Learn how your comment data is processed.