Ajax를 사용한 파일 업로드 JQueryFileUpload 플러그인

디자인/jQuery

ismydream 2013. 8. 19. 13:00

Ajax 폼 전송이 대중화되지 않았을 때는 첨부파일 업로드는 대부분 ActiveX 를 사용하여 개발 되었다.

첨부파일 같은 경우는 따로 파일서버로 전송을 하기 마련이고 이 파일서버로 전송된 결과 키값을 폼에 추가하여 폼 전송이 이뤄지는 형태였습니다. 제가 다뤘던 프로그램은 대부분 그렇게 처리했습니다. 물론 이미지또한 이미지 서버에서 처리했습니다.

따라서 폼 전송과 파일 전송은 분리되었었고 파일 전송 부분은 대부분 ActiveX를 따로 설치해서 처리되었습니다.

여기에 소개해드리는 JQuery 플러그인을 사용하면 Ajax 를 사용하여 손쉽게 파일을 업로드 할 수 있습니다.

사이트에 ActiveX 프로그램을 하나라도 줄일 수 있을거라 생각됩니다.

현재 Java에 Spring을 사용하여 붙이는 작업을 하고 있는데 아직 조금은 적용하기가 힘든 점이 있습니다.

아래 사이트의 Documentation 메뉴에 가면 각 언어별 적용하는 예제 프로그램 소스가 있으니 참고하시면 됩니다.