时间戳

首页 > 解决方案 > 如何将 FileReader base64 分配给变量？

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

问题描述

我试图打印 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()函数结束后对其进行控制台时，我得到了undefined。如何将 base64 数据分配给变量？

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

它只是向我展示undefined了fileData价值。 在此处输入图像描述

标签： javascriptjqueryhtmlajaxes6-promise

解决方案

在getBase64()函数的末尾fileData还没有分配，因为那时.then还没有调用 promise 的回调。

唯一设置和定义它的地方是在 promise 的回调中.then。正如您所说，您确实在console.log(result).

你应该熟悉异步 JS，这里有一些文章：

https://medium.com/codebuddies/getting-to-know-asynchronous-javascript-callbacks-promises-and-async-await-17e0673281ee

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises

推荐阅读