Get loaded block with PHP

Question

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

HTML / JavaScript:

<script type="text/javascript"> function upload() { var data = new FormData(); data.append('user', 'person'); var oReq = new XMLHttpRequest(); oReq.open("POST", 'upload.php', true); oReq.onload = function (oEvent) { // Uploaded. }; var blob = new Blob(['abc123'], {type: 'text/plain'}); oReq.send(blob); } </script> <button type="button" onclick="upload()">Click Me!</button> 

PHP:

 <?php var_dump($_POST); ?> 

When I look at my developer console, I don't get any $ _POST data in my PHP page. I need to know how to get a text file sent in a PHP script.

Any help is much appreciated!

Answer 1

Data from blob can be read with php://input , as in

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

If you want to send multiple pieces of data using a form data object, it will look like a regular multipart / form-data column. The entire line will be available through $_POST and all drops and files 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

Add your Blob to FormData and submit it.