javascript - Ajax クエリが非同期ではない

Question

ajaxUpload に問題があります。ファイルのアップロード中に ajax リクエストを呼び出したい。

ブートストラップ-FileInput を生成するコードは次のとおりです。

$("#form_csvFile").fileinput({
   maxFileSize: 10000,
   maxFileCount: 1,
   language: 'fr',
   dropZoneEnabled: false,
   showUploadedThumbs: true,
   showUpload: true,
   showUploadedThumbs: false,
   showPreview: false,
   browseClass: "btn btn-primary",
   removeClass: "btn btn-danger",
   uploadUrl: "{{ path('notation_import') }}",
   layoutTemplates: {
        progress: ""
   },
   ajaxSettings: {
       async: true
   }
}).on('filebatchuploaderror', function(event, data, previewId, index) {
   $("#progressValue").html("100%");
   $("#finalProgress .progress-bar").css('width', "100%");
   $("#finalProgress .progress-bar").prop('aria-valuenow', 100);
   $("#finalProgress .progress-bar").addClass("progress-bar-danger");
   clearInterval(myInterval);
}).on('filebatchuploadsuccess', function(event, data, previewId, index) {
   $("#progressValue").html("100%");
   $("#finalProgress").css('width', "100%");
   $("#finalProgress").prop('aria-valuenow', 100);
   $("#finalProgress").addClass("progress-bar-success");
   clearInterval(myInterval);
}).on('filepreajax', function(event, previewId, index){
   $("#finalProgress").show();
   myInterval = setInterval(function(){
       $.ajax({
           url: '{{ path('notation_ajax') }}',
           async: true,
           success: function (data) {
               if (data.percent == 100) clearInterval(myInterval);
               $("#progressValue").html(data.percent + "%");
               $("#finalProgress .progress-bar").css('width',data.percent + "%");
               $("#finalProgress .progress-bar").prop('aria-valuenow', data.percent);
            }
        });
    }, 1500);
});

ドキュメントのアップロード中に、Javascript の「setInterval()」メソッドを実装して、完了率を取得しました (Json でのみ ajax 呼び出しウィッチの戻り率を使用)。

問題 : ファイルをアップロードするためにブートストラップ FileInput によって送信される最初の要求は、他のユーザーをブロックします...

async = trueajax設定とgetPercentageリクエストで設定してみましたが変わりません。誰かが私に解決策を持っていますか?

ありがとう