title: How to upload files from dropzone to cloudinary
body: <pre><code>  var myDropzone = new Dropzone("#product-image-drpzone", {
          // Prevents Dropzone from uploading dropped files immediately
          autoProcessQueue: false,
          addRemoveLinks: true,
          autoQueue: false,
          acceptedFiles: '.jpg,.png,.jpeg,.gif',
          url: 'https://api.cloudinary.com/v1_1/something/image/upload', //put it in the main url file once done
          maxfilesexceeded: function (file) {
              ToasterWrapper.errorMessage('You have uploaded more than 4 images!', false);
              return;
          },
          init: function () {
              // You might want to show the submit button only when
              // files are dropped here:
              myDropzone = this;
              var imagesArr = [];
              cloudinary.config({
                  cloud_name: '',
                  api_key: '737587394822762',
                  api_secret: ''
              });
  
              this.processQueue();
  
              this.on("addedfile", function (file) {
                  var myDropzone = this;
                  $(".dz-progress").remove();
  
                  console.log(file);
                  cloudinary.uploader.upload(file, function (result) {
                      console.log(result)
                      imagesArr.push(result.public_id);
                  },
                      { use_filename: true });
                  $('#btn-remove').click(function () {
                      myDropzone.removeAllFiles();
                  });
              });
  
              this.on("sending", function (file, xhr, data) {
                  console.log(file.path);
              });
  
          }
      });
  </code></pre>
  
  <p>The <code>this.on('sending')</code> doesn't get called as i want to find the file.path to be upload to cloudinary.</p>
  
  <p>Please help</p>