如何将readAsDataURL（）的值赋给一个变量？ [英] how to assign value of readAsDataURL() to a variable?

问题描述

没关系，所以我已经看到很多关于使用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。谁能告诉我我做错了什么？

mozilla.org/en/docs/DOM/FileReaderrel =noreferrer> FileReader 实例会异步报告结果。

您必须绑定 onload 事件来捕获结果：

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

okay so I've seen many examples and questions on using readAsDataURL(), but none of them seem to resolve my issue. Following is my code :

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

what i get in console is undefined . I'm trying to get the base64 encoded file data on a variable so that i can upload it using ajax. Can anyone tell me what i am doing wrong?

解决方案

Most methods of a FileReader instance report the results asynchronously.

You have to bind an onload event to capture the result:

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

这篇关于如何将readAsDataURL（）的值赋给一个变量？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！