使用JQuery將多個文件上傳到S3

Question

我一直在嘗試按順序將多個文件上傳到S3。 即。 2個文件A和B

上載文件A（成功時不重定向），然后上載文件B（更大文件），並在成功時重定向。

function StartPosting(data) {   
var s3JsonList = JSON.parse(data.s3Json);   
PopupSpinner();    
 $.each(s3JsonList, function (k, v) {    
  HttpPostToS3(k, v);
});   

}

 function HttpPostToS3(key, value) {   
document.getElementById(key + 'S3SubmitDiv').innerHTML = value;//This sets the Post variables in the order.   Also key + 'S3SubmitDiv'   
setTimeout(function () {   
  jQuery('#' + key + 'form').submit();   
}, 3000);   

}

基本上有2種形式，每種形式分別代表各自的文件。 發生的是，如果我放了調試器，則兩個文件都以調試模式上傳到S3。 但是當我禁用調試器時，只有第二個文件被上載到S3。

我的問題是
1-使用jQuery / HttpPost上傳到S3的最佳方法是什么
2-是否可以通過相同的方式獲得文件已上傳的確認信息？
3-上傳時還會顯示進度條。

任何建議對我都會有很大幫助。

謝謝 。

編輯

我剛剛進行了調整，以使上述代碼正常工作

當我將“設置超時”功能應用於兩個文件時，顯然只有第二個文件正在上傳。 對於第一個文件，我沒有等待。 對於第二個文件，我等待了5秒鍾。

 function StartPosting(data) {
var i = 0;
var s3JsonList = JSON.parse(data.s3Json);
PopupSpinner();
$.each(s3JsonList, function (k, v) {

  if (i == 0) {
    HttpPostToS3(k, v);
  }
  else {
    setTimeout(function () {
      HttpPostToS3(k, v);
    }, 5000);
  }
  i++;
});

}

是的，代碼很丑！！ 但它現在才起作用。

Answer 1

您可能需要嘗試Uploadify

這些文章將為您提供足夠的信息：

使用Uploadify直接發布到Amazon S3

http://www.flynsarmy.com/2011/03/upload-to-amazon-s3-with-uploadify/

http://www.uploadify.com/forum/#/discussion/4713/amazon-s3-and-uploadify-sample/p1