ajaxForm repeat attached file

ajaxForm repeat attached file

hi everybody i have a problem with the plugin ajaxForm i try to upload many times but when the first file is uploading i upload other file parallely but the first upload has file and the second file does not file when the uploads have finished the file attached at the first uploading is repeated at the second uploading but at the second i dont attache any file

what is the problem?


this is my code 

  1. $(document).on('submit', '.newpost', function(e) {
  2. e.preventDefault(); // prevent native submit
  3. var id = e.target.getAttribute('data-thread-id');
  4. var idAux = "id" + Math.random().toString(16).slice(2)
  5. $('#upload-path'+id).empty();
  6. $("#reply_form"+id).toggleClass('post-active');
  8. $(this).ajaxSubmit({
  9.   delegation: true,
  10.   resetForm: true,
  11.   clearForm: true,
  12.   success: function(response) {
  13.     $("#progress-bar"+idAux ).remove();
  14. if (response['field-errors'] || response['errors'] || response['detail']) {
  15.   //alert("error ")
  16. } else {  
  17.    app.Board.success(response);           
  18. }
  19.   },
  20.   error: function(xhr, status, error){
  21.   //alert('Error occured');
  22.    
  23. }, 
  25.   
  26.   url: $.api.url + 'post/?format=json',  
  27.   data: $(this).serializeArray(), 
  28.   type:  'POST', 
  29.   complete: function(xhr, settings) {
  30.              $('.newpost').find("input[type='submit']").prop('disabled',false); 
  31.              $("#overlay_loading").hide(); 
  32.  $("#overlay_loading img").hide(); 
  34.           },
  35.   beforeSend: function(xhr, settings) {  
  36. $(
  37. '<div class="progress mb10" id="progress-bar'+idAux+'">\
  38.   <div class="bar" id="bar'+idAux+'"></div >\
  39.   <div class="percent " id="percent'+idAux+'">0%</div >\
  40. </div>'
  41. ).appendTo("div[progress-id='"+id+"']");         
  42.  
  43. app.Board.activatedPusub = false;  
  44. var percentVal = '0%';
  45. $('#bar'+id).width(percentVal)
  46. $('#percent'+id).html(percentVal);
  48. },
  49.     uploadProgress: function(event, position, total, percentComplete) {
  50. var percentVal = percentComplete + '%';
  51. $('#bar'+idAux).width(percentVal)
  52. $('#percent'+idAux).html(percentVal);
  53.     },
  55. })
  56. });

thanks ....