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

글쓴이: 최효성

외과전문의,웹프로그래밍,컴퓨터 일러스트레이션 / Surgeon, Medical Illustration, Web Programmer

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중