javascript:forループの待機

Question

javascriptで処理の一時待機（停止）を行いたい。

○処理の内容：
複数ファイルを選択後、各ファイルを500MBサイズに分割して送信。
送信先PHPで保存・結合

files = $('#upfile')[0].files;

var sliceSize = 536870912;
var up_max = files.length;

for (var i=0; i<up_max; i++){
	var sliceCnt = 0;
	if (files[i]["size"] <= sliceSize){
		sliceCnt = 1;
	}else{
		sliceCnt = Math.ceil(files[i]["size"] / sliceSize);
	}
	for (var j=0; j<sliceCnt; j++){
		fileSlice(files[i], files[i]["name"], j, sliceCnt, sliceSize);
	}
}
function fileSlice(file, fileName, i, sliceCnt, sliceSize){
	var start = 0,
		stop = 0;

	start = i * sliceSize;
	stop = start + sliceSize;

	var reader = new FileReader();
	reader.onload = function(evt){
		const data = evt.target.result;
		reader.abort();
	};
	var blob = file.slice(start, stop);
	reader.readAsArrayBuffer(blob);
	$('#progress_wrapper').empty();
	$('#progress_wrapper').html('<progress id="progress_area" class="progress_area" value="0" max="100">0%</progress><span id="progress_count" class="progress_count"></span>');

	upload(blob, fileName, i, sliceCnt-1);
	sfcFlg = 0;
}
function upload(blob, fileName, id, maxId){
	$.ajax("upload_test.php",{
		xhr: function(){
			XHR = $.ajaxSettings.xhr();
			if (XHR.upload){
				XHR.upload.addEventListener('progress', function(e){
					var progre = parseInt(e.loaded / e.total * 10000) / 100;
					$('#progress_area').val(progre);
					$('#progress_area').html(progre + '%');
					$('#progress_count').html(Math.round(progre) + '%');
				}, false);
			}
			return XHR;
		},
		type: 'POST',
		data: blob,
		cache: false,
		processData: false,
		contentType: 'application/octet-stream',
		dataType: 'jsonp',
		jsonpCallback: 'callback',
		headers: {
			"File-Name": fileName,
			"Chunk-Id": id,
			"Chunk-Max-Id": maxId
		},
		success: function(data){
		},error: function(data){
		}
    });
}

各ファイル毎のアップロード進捗を表示させたいのですが、for文で回しているため
一気に全送信が終了します。
各分割ファイルの送信が完了するまで、処理を待機させる方法を探しています。
どなたか解決方法をお教えください、よろしくお願いします。

Answer 1

Promiseで処理するとかでしょうか？

sample

一応非同期処理を、順番を指定して実行するsampleを付けておきます

<script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"></script>
<script>
var prm=[];
for(var i=0;i<10;i++){
  prm[i]=function(x){
    new Promise(function(resolver){
      setTimeout(function(){
        console.log(x);
        return resolver(this);
      },1000);
    }).then(function(){
      if(x<prm.length){
        prm[x](x+1);
      }else{
        console.log("end");
      }
    });
  }
}
prm[0](1);//実行
</script>

Answer 2

for分を待機させるのではなく
送信後に結合ファイルの完成を
待つ方式にしました。
回答ありがとうございました。