javascript - 如何将 FileReader base64 分配给变量？

Question

我尝试打印 base46 数据，结果是:

var fileData;
var files = document.getElementById('pickUpFileAttachment').files;
if (files.length > 0) {

    var promise = getBase64(files[0]);
    promise.then(function (result) {

        fileData = result;
        console.log(result);
    });

}

function getBase64(file, onLoadCallback) {

    return new Promise(function (resolve, reject) {
        var reader = new FileReader();
        reader.onload = function () {
            resolve(reader.result);
        };
        reader.onerror = reject;
        reader.readAsDataURL(file);
    });
} 

在 console.log(result) 中，数据存在，但是当我将其分配给 fileData 并尝试在 getBase64() 结束后对其进行控制台时 函数我得到未定义。如何将 Base64 数据分配给变量？

console.log("displaying the 64base data");
console.log(fileData);

它只是向我展示了 fileData 值的 未定义。

Answer 1

Promise 是异步的，您似乎想同步检索 fileData 。在这种情况下，当您的 fileData 执行但您的 Promise 未解析时，会导致它异步。在这种情况下，您可以使用await。

var fileData = wait getBase64(files[0]).catch(err=>{console.log(err});