How to get base64 encoded data from html image

Question

I have a registration form where users can choose an avatar. They have 2 possibilities:

1. Choose a default avatar
2. Upload their own avatar

Answer 1

You can also use the FileReader class :

    var reader = new FileReader();
    reader.onload = function (e) {
        var data = this.result;
    }
    reader.readAsDataURL( file );