php 에서 파일 업로드를 drag & drop을 이용한 개발 로직을

CI에서 구현하려고 합니다.

사용한 플러그인은 

jquery filedrop : http://filedropjs.org/

입니다.

해당 플러그인으로 구현한 view화면에서 upload 로직으로 넘길 시 csrf 관련 에러가 발생합니다.

(csrf = TRUE로 사용중인데 form_open이 아닌 일반폼으로 넘길때 발생하는 에러)

ajax 적용시 사용법을 찾아보니 hidden값을 직접 넣는 소스가 있어서

플러그인이 만든 form 이후에 스크립트를 이용하여

<input type="hidden" id="<?= $this->security->get_csrf_token_name() ?>" name="<?= $this->security->get_csrf_token_name() ?>" value="<?= $this->security->get_csrf_hash() ?>" />

와 같이 소스에 넣었으나 되질 않네요.

csrf를 FALSE로 설정하고 테스트 해보니 정상적으로 동작합니다.

config.php

$config['csrf_protection'] = TRUE;

js

fd.jQuery();

var options = {
    iframe: {
        url: 'files/upload'
    }
}

$("#dragFile").filedrop(options)
.on('fdsend', function(e, files){
    file.sendTo('files/upload');
})
.on('filedone', function(e, file, xhr){
    DragFileUpload.Append(xhr.responseText);
})
.on('fdiframedone', function(e, xhr){
    DragFileUpload.Append(xhr.responseText);
});