使用Javascript在JSON对象中使用Blob

Question

我在使用 Javascript 将 Blob 对象的数据存储到 JSON 对象时遇到问题。情况就是这样：

我可以从图像文件中获取Blob objetc：

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); //File from e.target.files[0]

但我不知道如何获取Blob数据将其发送到JSON对象内的服务器。我在尝试：

var jsonImages = {};
jsonData['images'] = [];
jsonImages['image_real'] = $('#img').attr('src');
jsonData['images'].push(jsonImages);

但Blob src不是数据（它只是一个uri字符串）。如何将blob数据存储在JSON对象中，以将其发送到Java服务器？我想要Blob图像（例如没有Base 64），我需要从图像中提取数据。