24

audiorecorder ( https://github.com/cwilso/AudioRecorder ) をキャプチャし、Ajax を介して blob を php ファイルに送信しようとしています。これにより、blob コンテンツが受信され、ファイル (この場合は wave ファイル) が作成されます。

Ajax 呼び出し:

audioRecorder.exportWAV(function(blob) {
      var url = (window.URL || window.webkitURL).createObjectURL(blob);
      console.log(url);
      var filename = <?php echo $filename;?>;
      $.ajaxFileUpload({
        url :  "lib/vocal_render.php",
        secureuri      :false,
        dataType : blob.type,
        data: blob,
        success: function(data, status) {
          if(data.status != 'error')
            alert("boa!");
        }
      });
    });

そして私のphpファイル（vocal_render.php）：

<?php 

if(!empty($_POST)){
    $data = implode($_POST); //transforms the char array with the blob url to a string
    $fname = "11" . ".wav";

    $file = fopen("../ext/wav/testes/" .$fname, 'w');
    fwrite($file, $data);
    fclose($file);
}?>

PS:私は blob と ajax の初心者です。前もって感謝します。

4

2 に答える 2

36

ファイルをフォームデータとしてアップロードしてみてください

audioRecorder.exportWAV(function(blob) {

      var url = (window.URL || window.webkitURL).createObjectURL(blob);
      console.log(url);

      var filename = <?php echo $filename;?>;
      var data = new FormData();
      data.append('file', blob);

      $.ajax({
        url :  "lib/vocal_render.php",
        type: 'POST',
        data: data,
        contentType: false,
        processData: false,
        success: function(data) {
          alert("boa!");
        },    
        error: function() {
          alert("not so boa!");
        }
      });
});

.

<?php 

if(isset($_FILES['file']) and !$_FILES['file']['error']){
    $fname = "11" . ".wav";

    move_uploaded_file($_FILES['file']['tmp_name'], "../ext/wav/testes/" . $fname);
}
?>
于 2013-09-25T21:42:51.693 に答える
2

documentationによると、を使用すると、オブジェクトを直接XMLHttpRequest.send()使用できます。Blob

var blob = new Blob(chunks, { 'type' : 'audio/webm' });
var xhr = new XMLHttpRequest();
xhr.open('POST', '/speech', true);
xhr.onload = function(e) {
  console.log('Sent');
};
xhr.send(blob);

私はこれを試してみましたが、それは魅力のように機能します。

于 2017-12-09T21:42:52.047 に答える