Login

sarath_unrelax · 06-12-2019, 06:28 AM

(06-12-2019, 06:20 AM)hc-innov Wrote: A complete exemple:

controller (I just print_r or echo variables for the javscript console)

PHP Code:
<?php class Test extends CI_Controller {     public function __construct() {         parent::__construct();         $this->load->helper('url_helper');     }          public function index() {         $this->load->library('form_validation');         $this->form_validation->set_rules('name','nom','required');                  if ($this->form_validation->run() === FALSE) {                        $this->load->view('upload');                     } else {                          if (!empty($_FILES)){                 print_r($_FILES);             } else {                 echo '$_FILES is empty';             }         }     } }

The view upload

PHP Code:
<html>     <head>         <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/dropzone.js"></script>         <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/newjavascript.js" /></script>         <link rel="stylesheet" href="https://rawgit.com/enyo/dropzone/master/dist/dropzone.css">     </head>     <body>     <form action="<?php echo site_url().'/test/index'; ?>" enctype="multipart/form-data" method="post" class="dropzone" id="property-form">                  <div class="dropzone-preview">                      </div>         <input type="text" name="name">         <button type="submit" value="OK"></button>     </form>     </body> </html>

the good javascript (newjavascript):

Code:
Dropzone.options.propertyForm = { maxFiles:11, autoProcessQueue: false, uploadMultiple: true, acceptedFiles: "image/*", maxFilesize: 1, parallelUploads: 11, init: function () { var myDropzone = this; this.element.querySelector("button[type=submit]").addEventListener("click", function(e) { console.log('Click'); e.preventDefault(); e.stopPropagation(); myDropzone.processQueue(); }); // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead // of the sending event because uploadMultiple is set to true. this.on("sendingmultiple", function() { console.log('send event'); }); this.on("successmultiple", function(files, response) { console.log(response); }); this.on("errormultiple", function(files, response) { console.log('error'); }); } }

the response in my console:
send event newjavascript.js:22:15
Array
(
    [file] => Array
        (
            [name] => Array
                (
                    [0] => mcd.png
                )

            [type] => Array
                (
                    [0] => image/png
                )

            [tmp_name] => Array
                (
                    [0] => /tmp/php1B29UX
                )

            [error] => Array
                (
                    [0] => 0
                )

            [size] => Array
                (
                    [0] => 12549
                )

        )

)

evrything works

Buddy u there ?