Подождите, пока функция jquery не вернет значение

Question

Я использую загрузку файла jQuery Blueimp и пытаюсь получить загруженный файл json в переменную.Я вызываю функцию как:

var fileoutput = attachfile(fileobject, ['xlsx','zip'],"tmp");

Это вызовет функцию:

function attachfile(fileobject, allowedfiletypesarray, destinationfolderpath) {
    var allowedFileTypes; 
    allowedFileTypes = allowedfiletypesarray.join('|');
    allowedFileTypes = "/\.("+allowedFileTypes+")$/i";

    $(fileobject).fileupload({
        add: function(e, data) {        
            if(data.originalFiles[0]['type'].length && !allowedFileTypes.test(data.originalFiles[0]['type'])) { 
                $('#fileerror').html('Not an accepted file type'); // show error message
                return false;
            } 
            data.submit();
        },
        url: "uploadcsv.php", 
        dataType: 'text',
        acceptFileTypes : allowedFileTypes,
        formData: {"upload_url":destinationfolderpath},
        done: function (e, data) {
            var fileuploadresult = data.result;
            fileuploadresult = JSON.parse(fileuploadresult); 
            console.log(fileuploadresult);
            return fileuploadresult;
        },
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');   
}

Теперь проблема в том,

var fileoutput = attachfile(fileobject, ['xlsx','zip'],"tmp");
console.log(fileoutput);

Это возвращается undefined.И я не получаю возврат от attachfile().console.log(fileuploadresult); внутри attachfile() правильно печатает сведения о загруженном файле.

Поэтому я попытался добавить обещание, например:

function promisefunction() {
  return new Promise(function (resolve, reject) {
    resolve( attachfile(fileobject, ['xlsx','zip'],'tmp') );
  });
}

promisefunction()
.then(value => {
    console.log("value : "+value);
})
.catch(err =>{
    // handle error
});

Но это также возвращает неопределенный результат перед загрузкой файла.

Может кто-нибудь помочь мне решить эту проблему.Заранее спасибо.

Answer 1

Проблема в том, что возвращаемое Обещание не связано с запросом AJAX, который делает blueimp.

Самый простой способ добиться того, что вам требуется, - это предоставить функцию обратного вызова для вашего вызова attachfile() изатем вызовите это в done() примерно так:

var fileoutput = attachfile(fileobject, ['xlsx', 'zip'], 'tmp', function(value) {
  console.log('value : ' + value); 
});

function attachfile(fileobject, allowedfiletypesarray, destinationfolderpath, callback) {
  var allowedFileTypes = "/\.(" + allowedFileTypes + ")$/i";

  $(fileobject).fileupload({
    add: function(e, data) {
      if (data.originalFiles[0]['type'].length && !allowedFileTypes.test(data.originalFiles[0]['type'])) {
        $('#fileerror').html('Not an accepted file type');
        return false;
      }
      data.submit();
    },
    url: "uploadcsv.php",
    dataType: 'text',
    acceptFileTypes: allowedFileTypes,
    formData: {
      "upload_url": destinationfolderpath
    },
    done: function(e, data) {
      var fileuploadresult = JSON.parse(data.result);
      callback && callback(fileuploadresult); // invoke the callback here
    },
  }).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
}