Tengo problemas intentando almacenar los datos de un objeto **blob** dentro de un objeto **json** con **javascript**. Esto es lo que sucede: Puedo recuperar el objeto de una imagen pasada a través de un fichero javascript (FileReader): var blob = new Blob([readerImageReal.result], {type: "image/png"}); var img = document.getElementById("attachmentsImg"); img.onload = function () { drawImage(img); //displays the image in html <img src='blob:...'></img> }; img.src = window.URL.createObjectURL(file); Pero no sé como **recuperar la información del blob** para pasarsela al servidor **dentro de un objeto json**. Lo que estoy intentando es: var jsonImages = {}; jsonData['images'] = []; jsonImages['image_real'] = $('#img').attr('src'); jsonData['images'].push(jsonImages); Pero blob src no son los datos (es una uri). ¿Cómo puedo almacenar la información del blob data dentro de un objeto json object, para enviarselo a un servidor Java? Quiero la imagen con formato Blob (**no** quiero base 64, por ejemplo), y necesito **extraer los datos** de la imagen del navegador.