Retrieve Uploaded Blob with PHP

Question

I have a script that is creating a blob and posting it to a PHP file. Here is my code:

HTML/Javascript:

Answer 1

The data from the blob can be read from php://input, as in

<?php
var_dump(file_get_contents('php://input'));

If however you want to send multiple pieces of data with a form data object it would be like a normal multipart/form-data post. All string would be available through $_POST and all blobs and file through $_FILES.

function upload() {

    var data = new FormData();
    var oReq = new XMLHttpRequest();
    oReq.open("POST", 'upload.php', true);
    oReq.onload = function (oEvent) {
      // Uploaded.
    };

    var blob = new Blob(['abc123'], {type: 'text/plain'});
    data.append('file', blob);
    oReq.send(data);
}

Answer 2

Append your Blob to FormData and send it instead.