調整されたフォームとdropzoneとcodeigniterで画像をアップロード

Question

私はdropzone/codeigniterで画像をアップロードしようとしています。不幸なことに私はコントローラへのポストデータを取得していないし、次にモーダルにデータを取得しない。明らかに、それを得るためにデータを挿入できるのは、ajaxではありません。ここ

は、フォームの一部である：ここ

<div class="dropzone" id="my-dropzone" name="mainFileUploader"> 
    <div class="fallback"> 
     <input name="file" type="file" multiple /> 
    </div> 
</div> 

スクリプトである：

var myDropzone = new Dropzone("#my-dropzone", { 
    url: "<?=admin_url()?>invoice_items/upload_image", 
    data: this, 
    method: "post", 
    addRemoveLinks:true, 
    acceptedFiles: '.jpg,.jpeg,.JPEG,.JPG,.png,.PNG', 

    init: function() { 
     this.on("addedfile", function (file) { 
      console.log(file); 
     }); 
    } 
}); 

ここコントローラ

public function upload_image(){ 
    if ($this->input->post()) { 
     $this->invoice_items_model->add_image($this->input->post()); 
    } 
} 

ここモーダル

public function add_image($data){ 
    $dat = array(
     'rel_name' => $data['name'], 
     'rel_type' => 'cms_items', 
     'dateadded' => date('Y-m-d H:i:s') 
    ); 
    $this->db->insert('tblfiles', $dat); 
} 

であります

Answer 1

回答が必要な方：

var myDropzone = new Dropzone("#my-dropzone", { 
    url: "<?=admin_url()?>invoice_items/upload_image", 
    files: this, 
    method: "post", 
    addRemoveLinks:true, 
    acceptedFiles: '.jpg,.jpeg,.JPEG,.JPG,.png,.PNG', 
    init: function (data) { 
     this.on("sucess",function(file, xhr, formData){ 

     }); 


    }, 
    dictDefaultMessage: "<?=_l('drop_files_here_to_upload')?>", 
    dictRemoveFile : "<?=_l('remove_file')?>" 
});