只有在處理完所有文件後才發送錯誤消息或成功消息

Question

只有在處理了所有文件後，纔會在blueimp中發送成功或錯誤消息...否則，第一個文件將發送成功消息並如果另一個文件有錯誤，它也會觸發錯誤。

這裏是我的代碼：

// Initialize the jQuery File Upload widget: 
jQuery('#fileupload').fileupload({ 
    url: url, 
    done: function (e, data) { 
     var response = jQuery.parseJSON(data.jqXHR.responseText); 
     var error = response.files[0].error; 

     if(error) { 
      jQuery('#error').show(); 
      jQuery('#error').append('<p><strong>Error given:</strong> '+error+'</p>'); 
     } else { 
      jQuery('#success').show(); 
     } 
    }, 
}); 

感謝您的幫助！

Answer 1

當詢問在github塞巴斯蒂安Tschan，blueimp jQuery的文件上傳的創造者的幫助，建議我嘗試使用fileuploadstop方法，而不是singleFileUploads ......然而，沒有任何的blueimp stop方法有data參數，下面是我如何能夠解決這個問題（感謝開發者的朋友對他的幫助）：

Javascript：

// Using the Basic Plus UI version of the plugin ... 

// Global variables 
var status = new Array(), // Create a new array 
    successAll = true; // Used to check for successful upload 

// After you've initialized the jQuery File Upload widget: 
jQuery('#fileupload') // Replace with your form id 
    .bind('fileuploaddone', function (e, data) { 
     // Append the file response data to the global array, in my case "status" 
     status.push(jQuery.parseJSON(data.jqXHR.responseText)); 
    }) 
    .bind('fileuploadstop', function (e) { 
     for (var i = 0; i < status.length; i++) { 
      var error = status[i].files[0].error; 

      if(error) { 
       jQuery('#error').show(); 
       jQuery('#error').append('<p><em>Error given: '+error+'</em></p>'); 

       successAll = false; // Change success value to false if error 
      } 
     } 

     // If successAll is true, meaning it wasn't reset because of an error, 
     // display success message. 
     if (successAll) { 
      jQuery('#success').show(); 
     } 
     status = new Array();  
    }); 

很好用！希望它能幫助別人。

Answer 2

SingleFileUploads選項

如果你希望你的文件上傳單個請求，您可以使用following option：singleFileUploads:false,

這樣，只有1 做回調將觸發對每個文件。

停止回調

創建一個全局數組：

var temp = new Array(); 

然後在你的做，失敗，或總是回調應該填充文件的名稱和成功地位的陣列：

done: function(e, data) { 
    $.each(data.files, function(i, f) { 
     temp.push({"name": f.name, "succeed": data.textStatus}) 
    }) 
}, 

最後，你可以檢查每更迭身份進入停止回調被稱爲當每個文件已經完成：

stop: function(e, data) { 
    $.each(temp, function(i, f) { 
     console.log(f.name) 
     console.log(f.succeed) 
    }); 
    // Don't forget to empty your array to allow other downoal 
    temp= new Array(); 
},