javascript - 如何将 readAsDataURL() 的值分配给变量？

Question

好吧，我已经看到了很多有关使用 readAsDataURL() 的示例和问题，但它们似乎都不能解决我的问题。以下是我的代码:

$(document).ready(function(){
    var fileReader = new FileReader();
    $("form").submit(function(e){
        e.preventDefault();
        console.log(fileReader.readAsDataURL(document.getElementById("userfile").files[0]));
    });
});

我在控制台中得到的是 undefined 。我正在尝试获取变量上的 base64 编码文件数据，以便我可以使用 ajax 上传它。谁能告诉我我做错了什么？

Answer 1

FileReader 的大多数方法实例异步报告结果。

您必须绑定(bind)一个 onload 事件来捕获结果:

var fileReader = new FileReader();
fileReader.onload = function(event) {
    console.log(event.target.result);
};
fileReader.readAsDataURL(document.getElementById("userfile").files[0]);