title: Can't get image resizing to work with jQuery File Upload
body: <p>I am trying to utilize the client-side image resizing available in the jQuery File Upload plugin, developed by blueimp: <a href="https://github.com/blueimp/jQuery-File-Upload">https://github.com/blueimp/jQuery-File-Upload</a></p>
  
  <p>Unfortunately, I cannot get the image resizing to work. The upload itself works perfectly.</p>
  
  <pre><code>this.$('.fileupload').fileupload({
      url: websiteUrl + 'deed/uploadimage',
      dataType: 'json',
      previewMaxWidth: 90,
      previewMaxHeight: 90,
      previewCrop: true,
      imageOrientation: true,
      disableImageResize: false,
      add: function($, data) {
          _.each(data.files, function(file){
              file.model = self.addImagePreview();
          });
          _.defer(_.bind(data.submit, data));
      },
      done: function($, data) {
          // Quirky shit. Iterate over data.files array while we know that
          // only one file are uploaded at a time...
          _.each(data.files, function(file){
              file.model.set({
                  "uploading": false,
                  "src": data.response().result.image,
                  "preview": data.response().result.cropped
              });
          });
      }
  });
  </code></pre>
  
  <p>I have tried putting a breakpoint in the <code>resizeImage</code> method to see if it for some reason broke on one of the conditions, but the method is never invoked.</p>
  
  <p>All dependencies are loaded in this order:</p>
  
  <pre><code>load-image.min.js
  canvas-to-blob.js
  jquery.ui.widget.js
  jquery.fileupload.js
  jquery.fileupload-process.js
  jquery.fileupload-image.js
  jquery.iframe-transport.js
  </code></pre>
  
  <p>Am I missing something here?</p>