Javascript 如何使用上载的文件？

我试图在“handleFile（）”函数之外使用“workbook”变量。我知道我无法返回工作簿变量，因为它是一个异步函数，我尝试使用Promissions，但我不知道如何正确执行。你能帮帮我吗！请记住我是新手谢谢

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);

---

如果要在函数外部使用变量，请在函数外部声明它。确保已声明变量，或在函数调用期间对其进行初始化：

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
  }

}

---

如果您想使用promise，您将拥有以下内容：

 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));
        }

     });
}

她的承诺示例（我将如何做）：

---

希望这有帮助

工作簿变量是私有的，因此在处理变量时是安全的

但是为了回答您的问题，假设您希望在全局范围内访问它

替换以下行：

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

与

通过此操作，您可以使用

工作簿

在全局范围内访问工作簿，或使用

窗口

在任何范围内访问工作簿。（假设

窗口

变量引用全局

窗口

对象。）

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

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