jQuery FileUpload Plugin ... Multiple 가능, 미리보기 가능

jQuery 플러그인 중에서 파일업로드를 위한 플러그인입니다.

아래 사이트에 예제와 소스코드등이 제공됩니다.

http://blueimp.github.io/jQuery-File-Upload/basic.html

소스코드와 예제는 GitHub 에서 다운로드 받을 수 있습니다.

다운로드 받은 후에, 압축을 해제하고... 서버의 특정위치로 업로드를 합니다.

이때, 소스코드 중에서 아래와 같은 부분이 있는데,

    // Change this to the location of your server-side upload handler:   

    var url = window.location.hostname === 'blueimp.github.io' ?        

                '//jquery-file-upload.appspot.com/' : 'server/php/',            

업로드 할때 사용하는 업로드핸들러를, 자신의 서버환경에 맞게 수정하라는 것이다. 

저의 경우는 PHP 환경에서 테스트 했기 때문에, 소스코드를 수정할 필요가 없었지만, 

python 등을 사용하는 경우에는 server/php/  이 부분을 server/gae-python  과 같이 수정해주어야 합니다.

아울러, 파일은 server/php/files 폴더로 업로드되게 되어있는데, 

files 폴더의 권한설정을 upload 가 가능하도록 777 과 같이 세팅해 주어야 합니다.

 UploadHandler.php 파일의 아래코드를 수정하면, 업로드되는 폴더를 변경할 수 있다.

  'upload_dir' => dirname($this->get_server_var('SCRIPT_FILENAME')).'/files/',

  'upload_url' => $this->get_full_url().'/files/',

UploadHandler 생성시에 option 값을 주어 변경할 수도 있다.

참고 : http://stackoverflow.com/questions/18478053/how-do-i-change-the-default-upload-path-for-jquery-file-upload

$options = array ('upload_dir' => dirname(__FILE__) . '/uploaddir/');
$upload_handler = new UploadHandler($options);