Javascript 使用ajax将音频blob上载到文件夹中

我正在建立一个录音语音项目，我想上传一个文件夹中的音频（上传）通过一个blob。 这就是我迄今为止所取得的成就：

var url = URL.createObjectURL(blob);

var li = document.createElement('li');
var au = document.createElement('audio');
var hf = document.createElement('a');

au.controls = true;
au.src = url;
hf.href = url;
hf.download = 'audio_recording_' + new Date().getTime() + '.wav';
hf.innerHTML = hf.download;
li.appendChild(au);
li.appendChild(hf);


fileName=hf.download;
console.log(fileName);
var data = new FormData();
data.append(url, blob);

$.ajax({
  url :  "upload.php",
  type: 'POST',
  data: data,
  contentType: false,
  processData: false,
  success: function(data) {
   console.log(data);
  }
});

这是ajax函数（upload.php）的php代码：

当取消Bug时，音频不会保存在文件夹upload中，并且会出现以下错误：未定义索引：upload.php中的文件名

---

我的代码出了什么问题？？？请帮助我

我也有同样的问题。就我所能说的来说，简单是行不通的。

<?php

$temp = explode(".", $_FILES["fileName"]["name"]);
$extension = end($temp);
$fileName=$_POST['fileName'];

if ($_FILES["fileName"]["error"] > 0) {
console.log( "Return Code: " . $_FILES["fileName"]["error"] . "<br>");
} else {


if (file_exists("upload/" . $_FILES["fileName"]["name"])) {
  console.log( $_FILES["fileName"]["name"] . " already exists. ");
} else {
  move_uploaded_file($_FILES["fileName"]["tmp_name"],
  "upload/" . $_FILES["fileName"]["name"]);

}
}
?>