How to get Base64 from Blueimp Jquery File Upload?

Question

How to get base64 of the files uploaded by Blueimp Jquery File Upload?

I want to do something like this:

$('#fileupload').fileupload({
    url: uploadUrl,
    dataType: 'json',
    add: function (e, data) {
        console.log(data.files[0].getBase64());

Is it possible?

Thanks!

Answer 1

I was looking for the exact same thing and I've ended up doing this. Maybe it helps someone else

$("#fileupload").fileupload({
    change: function(e, data)
    {
        var reader = new FileReader();

        reader.onload = function(e)
        {
            var base64 = this.result;

            console.log(base64);

            //$("image_selector").attr("src", base64);
        }

        $.each(data.files, function(index, file)
        {
            reader.readAsDataURL(file);
        });              
    }
});