title: How to upload a file only once with blueimp file upload plugin?
body: <p>I'm using the <a href="http://blueimp.github.com/jQuery-File-Upload/" rel="noreferrer">bluimp jQuery-File-Upload-plugin</a> . It's no problem to select some files and upload them, but when I want to upload another files without refreshing the page, the first ones are getting uploaded again. My question is how can I "unset" files after they are uploaded. Here is my sourcecode</p>
  
  <p>Javascript: </p>
  
  <pre><code>$('#MappeFile').fileupload({
          dataType : 'json',
          autoUpload : false,
          maxNumberOfFiles : undefined,
          maxFileSize : 6000000,
          minFileSize : undefined,
          acceptFileTypes : /.+$/i,
          url : "/ajax/UploadFile.php",
          add : function(e, data) {
              $("#testUploadButton").on("click", function() {
                      $('#progress .bar').show();
                      if ($.browser.msie &amp;&amp; parseInt($.browser.version, 10) &lt; 10) {
                          $('#progress .bar').css({
                              "background" : "url(images/progressbar.gif) no-repeat",
                              "width" : "100%"
                          })
                      } else {
                          $('#progress .bar').css({
                              'background-color' : "#2694E8",
                              'width' : '0%'
                          });
                      }
                  data.submit();
              })
          },
          change : function(e, data) {
              $.each(data.files, function(index, file) {
                  console.info('Selected file: ' + file.name);
                  filesCount++;
              });
          },
          drop: function(e, data) {
              $.each(data.files, function(index, file) {
                  console.info('Selected file: ' + file.name);
                  filesCount++;
              });
          },
          done : function(e, data) {
              $.each(data.result, function(index, file) {
                  vOutput = "&lt;tr&gt;";
                  vOutput += "&lt;td&gt;" + file + "&lt;/td&gt;";
                  vOutput += "&lt;tr&gt;";
                  $("#MappeFileListe").append(vOutput);
                  filesUploaded++;
                  if (filesCount == filesUploaded) {
                      filesUploaded = 0;
                      filesCount=0;
                      $('#progress .bar').hide();
                  }
              });
          },
          progressall : function(e, data) {
              var progress = parseInt(data.loaded / data.total * 100, 10);
              $('#progress .bar').css('width', progress + '%');
          }
      });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="KundeMappe"&gt;
      &lt;form id="MappeFile"&gt;
          &lt;input type="file" id="MappeFileSelect" name="files[]" data-url="ajax/UploadFile.php" multiple/&gt;
          &lt;div id="progress"&gt;
              &lt;div class="bar" style="width: 0%;"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;input type="button" class="neuButton" value="upload" id="testUploadButton"/&gt;
      &lt;/form&gt;
      &lt;table id="MappeFileListe"&gt;&lt;/table&gt;
  &lt;/div&gt;
  </code></pre>