I have a task to record audio and store it on server. Right now, I am using local python server to run the code. I am getting the blob url of the audio file but when I am calling following javascript function to store it it is giving error:-
function upload(blob) {
var xhr;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xhr=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open('GET', 'upload.php',true);
xhr.onload = function(e) { };
// Listen to the upload progress.
var progressBar = document.querySelector('progress');
var data= new FormData(this);
data.append('file',blob);
//xhr.setRequestHeader("Content-type","Blob");
xhr.send(data);
};
my upload.php which is on server side
<?php
if(isset($_FILES["file"])) {
$f = $_FILES["file"];
$dir = "data";
if(!file_exists($dir))
mkdir($dir);
foreach($f["name"] as $k => $name) {
$file = $dir."/".$name;
if($f["error"][$k] == 0 && move_uploaded_file($f["tmp_name"][$k], $file)) {
$uploaded[] = $file;
}
}
die(json_encode($uploaded));
}
?>