title: Send custom data with dropzone.js on each File Upload
body: <p>I am using dropzone in my Code Igniter Project.</p>
  
  <p>With every drag of a file, dropzone creates an ajax request and my files is getting stored on the server too. But now, my requirement is that I want to send additional data (<strong>DYNAMIC</strong>) alongside the file.
  With the use of params, Only static datas can be sent, but the data I want to send will be changing everytime.</p>
  
  <p>This is how my code looks:</p>
  
  <pre><code>&lt;script&gt;
   Dropzone.autoDiscover = false;
    Dropzone.options.attachment = {
          init: function(){
            this.on('removedfile',function(file){
              // console.log('akjsdhaksj');
              var fileName = file.name;
              $.ajax({
                type: 'POST',
                url: "&lt;?php echo BASE_URL.'index.php/admin/mail_actions/deleteFile' ?&gt;",
                data: "id="+fileName,
                dataType: 'html'
              });
            });
          },
          // params: {
          // customerFolder: $('#toValue').substr(0, toValue.indexOf('@')),
          // },
          dictDefaultMessage:"Click / Drop here to upload files",
          addRemoveLinks: true,
          dictRemoveFile:"Remove",
          maxFiles:3,
          maxFilesize:8,
    }
  
  $(function(){
  
    var uploadFilePath = "&lt;?php echo BASE_URL.'index.php/admin/mail_actions/uploadFile' ?&gt;";
    var myDropzone     = new Dropzone("div#attachment", { url: uploadFilePath});
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Anyway I can achieve it?</p>