최근의 작업 중에 대용량 파일을 업로드할 필요성이 있어 관련 플러그인을 서치 후 사용하게 된 jQuery File Upload 이다. 큰 파일의 경우 여러 개의 파일로 쪼개서 업로드 하기 때문에 서버 용량이 허용하는 한 파일을 업로드할 수 있다. 중간에 오류가 나지 않는다는 전제하에서 말이다. 그리고 파일 업로드가 ajax 로 처리 되기 때문에 시각적으로도 좋은 점이 있다. 파일 …
Dropzonejs를 이용해 Drag & Drop 파일 업로드 기능을 구현했다. form 페이지에서 업로드 이미지를 추가하고 submit 버튼을 클릭했을 때 서버로 이미지 파일이 업로드되도록 했고 추가된 이미지 파일을 삭제했을 때 서버에 저장된 이미지도 삭제되도록 기능을 구현했다. 스크립트 코드 중 일부는 jQuery를 이용하기 때문에 함께 로드되어야 한다. <form name=”fname”> <label for=”fld”>필드</label> <input type=”text” name=”fld” id=”fld” value=””> <div class=”dropzone” …
내가 운영하는 쇼핑몰이라면 이건 거 만들지 않고 그냥 소스파일 수정하는 방향으로 했을텐데.. 아무래도 html이나 기타 스크립트에 익숙하지 않는 사람도 써야하니까 결국은 복잡한 기능의 관리 페이지를 만들어야 한다. 한 페이지 작업하는 데 이번 주 내내 시간을 허비하고 있다는.. 사용자 입장에서 직관적이고 편하게 만들다 보니 이렇다는.. 위 이미지는 그 관리 페이지 중에서 하나이다. 탭으로 구성된 부분에서 각 …