title: BlueImp jQuery File Upload - Return the thumbnail URL
body: <p>I'm trying to return the thumbnails URL from fileupload module of jQuery File Upload BlueImp.</p>
  
  <p>Here is my uploader script :</p>
  
  <pre><code>&lt;script&gt;
  /*jslint unparam: true */
  /*global window, $ */
  $(function () {
      'use strict';
      // Change this to the location of your server-side upload handler:
      var url = 'server/php/';
      $('#fileupload').fileupload({
          url: url,
          dataType: 'json',
          done: function (e, data) {
              $.each(data.result.files, function (index, file) {
                  $('&lt;div class="box"&gt;').appendTo('#files');
                  $('.box').last().html('&lt;a href="'+file.url+'"&gt;&lt;img width="220px" height="120px" src="'+file.url+'"/&gt;&lt;/a&gt;
              });
          },
          progressall: function (e, data) {
              var progress = parseInt(data.loaded / data.total * 100, 10);
              $('#progress .progress-bar').css(
                  'width',
                  progress + '%'
              );
          }
      }).prop('disabled', !$.support.fileInput)
          .parent().addClass($.support.fileInput ? undefined : 'disabled');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>As you see I can return the "file.url" (example : <a href="http://website.com/server/php/files/image.png" rel="nofollow">http://website.com/server/php/files/image.png</a> )
  But I would like to return the "file.thumbnailURL" (example : <a href="http://website.com/server/php/thumbnails/image.png" rel="nofollow">http://website.com/server/php/thumbnails/image.png</a> ) like that </p>
  
  <pre><code>$('.box').last().html('&lt;a href="'+file.url+'"&gt;&lt;img width="220px" height="120px" src="'+file.thumbnailURL+'"/&gt;&lt;/a&gt;
  </code></pre>
  
  <p>but it's undefined (I know about it)
  So how could I define the file.thumbnailURL? where is the code which define file.url file.name... ?</p>
  
  <p>Thanks you,
  David.</p>