【javascript】FileReaderで画像をBase64に変換する

<script type="text/javascript">
script
var imageToBase64viaFileReader = function (url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'blob';
    xhr.onload = function() {
        var reader  = new FileReader();
        reader.onloadend = function () {
            callback(reader.result);
        }
        reader.readAsDataURL(xhr.response);
    };
    xhr.open('GET', url);
    xhr.send();
};

var callback = function (data) { console.log(data); };
imageToBase64viaFileReader ('./hoge/fuga/piyo.png', callback);
</script>

画像ファイルをBase64に変換してパスやファイル名を隠蔽する方法 | Black Everyday Company

Webサイトに画像（イメージ）を表示するときに、パスが知られたくないときがある。そのためにJavaScriptで画像ファイルをBase64に変換する方法をまとめる。

kuroeveryday.blogspot.com