JavaScriptでファイルをbase64に変換するには？

Question

は、今私は、この行でFileオブジェクトを取得しています：

file = document.querySelector('#files > input[type="file"]').files[0] 

は、私はbase64文字列に変換するために何をすべきベース64にJSONを経由して、このファイルを送信する必要がありますか？

Answer 1

にデータを変換するために使用することができるFileReaderclass：

function getBase64(file) { 
    var reader = new FileReader(); 
    reader.readAsDataURL(file); 
    reader.onload = function() { 
    console.log(reader.result); 
    }; 
    reader.onerror = function (error) { 
    console.log('Error: ', error); 
    }; 
} 

var file = document.querySelector('#files > input[type="file"]').files[0]; 
getBase64(file); // prints the base64 string 

注意.files[0]がBlobのsublcassあるFileタイプは、であること。したがって、FileReaderと一緒に使用できます。
完全な作業exampleを参照してください。

Answer 2

のJavaScript btoa()関数用いて溶液を試しbase64でエンコードされた文字列

Answer 3

あなたは約束ベースのソリューションの後であれば、これはそのための適応ドミトリのコード@です：

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

var file = document.querySelector('#files > input[type="file"]').files[0]; 
getBase64(values.profile_image_new[0]).then(
    data => console.log(data) 
);