드래그 앤 드롭, 섬네일, 진행 막대 등 화려한 파일 업로드 기능을 원한다면 제바스티안 찬
Sebastian
Tschan
의 제이쿼리 파일 업로드
jQuery
File
Upload
(
http
://
blueimp
.
github
.
io
/
jQuery
-
File
-
Upload
)를 권합니다.
제이쿼리 파일 업로드 설정은 공원 산책처럼 간단하지 않습니다. 다행히 서버 쪽 문제를 해결
해주는
npm
패키지가 있습니다. 프론트엔드 스크립트는 또 다른 문제입니다. 제이쿼리 파일
업로드 패키지는 제이쿼리
UI
와 부트스트랩을 사용하며, 따로 커스터마이징하지 않아도 꽤 보
기 좋습니다. 하지만 커스터마이징하려면 할 일이 꽤 많습니다.
제이쿼리 파일 업로드의 미들웨어인
jquery
-
file
-
upload
-
middleware
는 훌륭한 이미지 조작
라이브러리인 이미지매직
ImageMagick
(
http
://
www
.
imagemagick
.
org
)을 통해 파일 섬네일을 표
시합니다. 즉 당신이 만든 앱에 이미지매직에 대한 의존성이 생기는데, 일부 호스트에서는 이
게 문제가 될 수 있습니다. 우분투와 데비안 시스템에서는
apt
-
get
install
imagemagick
명
령으로,
OS
X
에서는
brew
install
imagemagick
2
명령으로 이미지매
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month, and much more.