Как я могу использовать загруженный файл? - PullRequest
Новая
       28

Как я могу использовать загруженный файл?

0 голосов
/ 31 октября 2018

Я пытаюсь использовать переменную "workbook" вне функции handleFile (). Я знаю, что не могу вернуть переменную книги, потому что это асинхронная функция, и я пытался использовать обещания, но я не знаю, как это сделать правильно. Не могли бы вы мне помочь, пожалуйста! Пожалуйста, имейте ввиду, что я новичок. Спасибо! 

var rABS = true; // true: readAsBinaryString ; false: readAsArrayBuffer
function handleFile(e) {
  var files = e.target.files, f = files[0];
  var reader = new FileReader();
  reader.onload = function(e) {
    var data = e.target.result;
    if(!rABS) data = new Uint8Array(data);
    var workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

    /* DO SOMETHING WITH workbook HERE */
  };
  if(rABS) reader.readAsBinaryString(f); else reader.readAsArrayBuffer(f);
}
input_dom_element.addEventListener('change', handleFile, false);

Ответы [ 3 ]

0 голосов
/ 31 октября 2018

Если вы хотите использовать обещание, у вас будет что-то вроде этого: 

 function handleFile(e) {
     new Promise(function(resolve, reject) {
        var files = e.target.files, f = files[0];
        var reader = new FileReader();
        reader.onload = function(e) {
          var data = e.target.result;
          if(!rABS) data = new Uint8Array(data);
          var workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

          /* DO SOMETHING WITH workbook HERE */
        };

        if(rABS) {
          resolve(reader.readAsBinaryString(f));
        } else {

          resolve(reader.readAsArrayBuffer(f));
        }

     });
}

Другой пример обещания (как я буду это делать): 

function handleFile(e) {
    processFile(e).then((res) => {
        // do something with reader
    });
}

function processFile(e) {
    return new Promise(function(resolve, reject) {
    var files = e.target.files, f = files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
      var data = e.target.result;
      if(!rABS) data = new Uint8Array(data);
      var workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

      /* DO SOMETHING WITH workbook HERE */
    };

    resolve(reader);

  });
}

input_dom_element.addEventListener('change', handleFile, false);

Надеюсь, это поможет!

0 голосов
/ 17 ноября 2018

Переменная workbook является закрытой, поэтому она защищена при обработке переменной.

Но чтобы ответить на ваш вопрос, при условии, что вы хотите получить к нему доступ в глобальном масштабе.

заменить следующую строку: 

var workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

с 

workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

при этом вы можете получить доступ к книге в глобальной области с помощью workbook или в любой области с помощью window.workbook (при условии, что переменная window ссылается на глобальный window объект.)

0 голосов
/ 31 октября 2018

Если вы хотите использовать переменную вне функции, вы объявляете ее вне функции. Убедитесь, что переменная объявлена ​​или инициализирована во время вызова функции: 

var x;
function foo() { x=5; }
function bar() { x+=10; }
foo();
bar();
console.log(x); // 15

Однако я бы предложил использовать классы для вашего случая, что позволит вам связывать переменные и функции более логичным и простым в обслуживании способом. Ваш код можно переписать так: 

class FileHandler() {

  // defines workgroup as a property
  workgroup;

  // defines a method to handle file
  handle(e) {
    // your code for handleFile(e)
    // you can access this.workgroup, even asynchronously
  }

}
...