6

我正在使用Recorder.js，它允许用户从他们的麦克风输入创建自己的录音。我是新手，所以我使用这个网站作为参考。

此代码创建一个可下载的 .wav 文件： 

<html>
    <head>
        <script src="js/recorderjs/recorder.js"></script>
        <script src="js/main.js"></script>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    </head>

    <body>
        <img id="record" src="mic.png" onclick="toggleRecording(this);"><br>

        <img src="save.svg" onclick="saveAudio();">

        <form action="savefile.php" method="post">
            <input type="submit" value="Submit">
        </form>
    </body>
</html>

这将开始和停止录制：

<img id="record" src="mic.png" onclick="toggleRecording(this);">

这将从 recorder.js 脚本下载 .wav 文件：

<img src="save.svg" onclick="saveAudio();">

我正在使用这个 PHP 脚本尝试将 .wav 文件保存到 /audio 目录：

<?php

$save_folder = dirname(__FILE__) . "/audio";
if(! file_exists($save_folder)) {
    if(! mkdir($save_folder)) {
        die("failed to create save folder $save_folder");
    }
}

$key = 'filename';
$tmp_name = $_FILES["audiofile"]["tmp_name"];
$upload_name = $_FILES["audiofile"]["name"];
$type = $_FILES["audiofile"]["type"];
$filename = "$save_folder/$upload_name";
$saved = 0;
if(($type == 'audio/x-wav' || $type == 'application/octet-stream') && preg_match('/^[a-zA-Z0-9_\-]+\.wav$/', $upload_name) ) {

    $saved = move_uploaded_file($tmp_name, $filename) ? 1 : 0;
}

?>

现在，我希望有人帮助我编写一个 PHP 脚本，该脚本将 .wav 文件上传到文件夹 /audio，而不是让用户下载文件。

对此的任何帮助将不胜感激。

4

1 回答 1

4

我认为您不能使用通常的 http 文件字段，因为它们需要本地路径。您可以尝试使用 AJAX 上传。

var req = null;
var url = "savefile.php";
var data = "":   // you have to check how to get the data from your saveAudio() method

(window.XMLHttpRequest) ? req = new XMLHttpRequest() : (window.ActiveXObject) ? req = new ActiveXObject("Microsoft.XMLHTTP") : req = false; 
req.open(method, url, true);
req.setRequestHeader("Content-Type", "multipart/form-data");

if(data != null && data != "")
{
  req.setRequestHeader("Content-length", data.length);
  req.send(data);
}

您需要了解如何从saveAudio()函数中获取文件内容并将其填充到data变量中。

也许这也可以帮助您使用 ajax 上传文件

于 2013-09-30T08:46:06.950 回答