Ajax를 사용한 파일 업로드 JQueryFileUpload 플러그인
디자인/jQuery 2013. 8. 19. 13:00Ajax를 사용한 파일 업로드 JQueryFileUpload 플러그인
Ajax 폼 전송이 대중화되지 않았을 때는 첨부파일 업로드는 대부분 ActiveX 를 사용하여 개발 되었다.
첨부파일 같은 경우는 따로 파일서버로 전송을 하기 마련이고 이 파일서버로 전송된 결과 키값을 폼에 추가하여 폼 전송이 이뤄지는 형태였습니다. 제가 다뤘던 프로그램은 대부분 그렇게 처리했습니다. 물론 이미지또한 이미지 서버에서 처리했습니다.
따라서 폼 전송과 파일 전송은 분리되었었고 파일 전송 부분은 대부분 ActiveX를 따로 설치해서 처리되었습니다.
여기에 소개해드리는 JQuery 플러그인을 사용하면 Ajax 를 사용하여 손쉽게 파일을 업로드 할 수 있습니다.
사이트에 ActiveX 프로그램을 하나라도 줄일 수 있을거라 생각됩니다.
현재 Java에 Spring을 사용하여 붙이는 작업을 하고 있는데 아직 조금은 적용하기가 힘든 점이 있습니다.
아래 사이트의 Documentation 메뉴에 가면 각 언어별 적용하는 예제 프로그램 소스가 있으니 참고하시면 됩니다.
http://blueimp.github.io/jQuery-File-Upload/
'디자인 > jQuery' 카테고리의 다른 글
jQuery event Handler 메소드 on() (0) | 2013.08.19 |
---|---|
jQuery closest(), parents() 메소드의 차이 (0) | 2013.08.19 |
jQuery FullCalendar 달력 플러그인 (0) | 2013.08.19 |
HTML5 data - Attributes (0) | 2013.08.19 |
JSON 을 렌더링하는 JavaScript Templates (0) | 2013.08.19 |