mattcowski / kt-1234 Goto Github PK

  # cloudinaryData = {
  #   url: 'https://api.cloudinary.com/v1_1/YOUR_CLOUD_NAME/auto/upload',
  #   formData : {
  #      timestamp : 1375363550;
  #      tags : sampleTag,
  #      api_key : YOUR_API_KEY,
  #      callback : URL TO cloudinary_cors.html,
  #      signature : '53ebfe998d4018c3329aba08237d23f7458851a5'
  #   }
  #   start : function() { ... },
  #   progress : function() { ... },
  #   done : function() { ... }
  # }
  #    *  The start, progress, and done functions are optional callbacks. Other jquery.fileupload callbacks
  #        *  should be supported, but are untested.
  #        *
  #        *  Functions are automatically wrapped in scope.$apply() so it is safe to change variable values
  #        *  in your callbacks.

Set the class name to 'cloudinary-fileupload' (alternatively, selection of input fields can be done programmatically). 
Set data-cloudinary-field to the name of the input field that should contain the upload reference.
Set data-form-data to be JSON representation of the upload API params. The mandatory fields are api_key, timestamp, signature and callback. Any additional incoming or eager transformation parameters can be specified.
The signature needs to be generated on the server-side for correct authentication.
The callback should point to a public URL of your web application that has the cloudinary_cors.html file. It is included in our jQuery plugin package and is required for iframe fallback upload...

      # # FIXME 
      # $("#preview").css
      #   width: Math.round(rx * boundx) + "px"
      #   height: Math.round(ry * boundy) + "px"
      #   marginLeft: "-" + Math.round(rx * cords.x) + "px"
      #   marginTop: "-" + Math.round(ry * cords.y) + "px"