[happycgi][cgimall]ajax를 이용한 jQuery-File-Upload 1.1.1

ajax를 이용해서 파일업로드를 구현했는 예입니다.

웹브라우져에서 파일선택 폼을 쓰기 싫을때 사용하기 좋을 스크립트네요.

출처는 : http://plugins.jquery.com/content/jquery-file-upload-111

사용방법은 다운로드 받으신 파일을 웹서버에 업로드하신후

example/index.html 파일을 웹으로 불러보시면 됩니다.

위 그림이 파일업로드 폼입니다 -_-;;

버튼을 클릭하게 되면

일반 파일첨부 처럼 나오네요.

업로드할 파일을 선택하게 되면

파일 업로드 중이라는 표시인듯 하네요.

한번에 여러개도 올라가는지 싶어서 시도해봤는데 되는군요.

 

업로드가 완료된 파일은 아래 그림 처럼 됩니다.

upload.php 파일을 수정해서 업로드된 파일을

저장하는 등의 프로그램 작업을 하면 될것 같네요.

<== 자세히 보기 ==>

홈페이지 제작 솔루션 판매 전문몰 (http://www.cgimall.co.kr/)

출처 : 10년 웹프로그래밍 노하우 해피 CGI (http://www.happycgi.com/)