FileReader的Promise功能过早解决

Question

我正在打开一个文件来读取内容，如下所示：

convertBlobToBase64(blob){
    var convertPromise = new Promise(function(resolve, reject){
      var fileReader = new FileReader();
      fileReader.onload = function() {
          var dataUrl = this.result;
          var base64 = dataUrl.split(',')[1];
          resolve(base64);
      };

      fileReader.readAsDataURL(blob);
    });

    return convertPromise;
  }

然后，我调用此函数并在解析时传递结果数据：

myFunction(audioFile){
    var to64 = this.convertBlobToBase64(audioFile);
    to64.then(function(base64Val){
        var nextPromise = postCall();
        nextPromise.then(//stuff);
        return nextPromise;
    });

    return to64;
} 

但是，当我调用myFunction时，它立即返回一个已解析的convertBlobToBase64 ，其中包括来自convertBlobToBase64的转换后的数据，而不是未解析的convertBlobToBase64 ，该nextPromise预期在nextPromise上等待。

相反，myFunction的.then会立即调用，因为它没有正确的数据而失败。 我是否误解了Promise功能？

Answer 1

试试这个代码：

myFunction(audioFile){
    var to64 = this.convertBlobToBase64(audioFile);
    return to64.then(function(base64Val){
        var nextPromise = postCall();
        return nextPromise.then(//stuff);
    });
} 

Answer 2

顺便说一句，您不需要将另一个Prom包装到函数。 您可以将postCall用作解析函数并将其链接起来，如下所示：

myFunction(audioFile){
  return convertBlobToBase64(audioFile)
    .then(base64Val => postCall())
    .then(//stuff)
}