【发布时间】:2015-06-02 21:05:50
【问题描述】:
基于此链接http://webaudiodemos.appspot.com/AudioRecorder/index.html 中的代码,我正在更改以通过 URL 传递 sessionId 将录制的音频文件发送到服务器。 php页面是http://xxxxx/abc.php?sessionId=Sam。 PHP 版本:PHP 5.4 PHP 5.5.22。我正在使用此链接中的第二种方法:How to pass variables and data from PHP to JavaScript?。 abc.php 页面引用了一些 JS 代码,就像上面链接中的 index.html 一样。 abc.php 页面使用以下代码正确处理 URL 值:
<div id="bottom">
<?php
$faid = $_GET["sessionId"];
echo htmlspecialchars($faid); // tested working
?>
</div>
在 recorder.js JavaScript 上,我有一个函数在将音频文件上传到服务器时尝试将 URL 值传递给另一个 PHP - fname 没有被传递......似乎.. xhr 可以。 send(blob) 仍然会发送 fname?
Recorder.setupDownload = function(blob){
var div = document.getElementById("bottom");
var fname = div.textContent;
var xhr = new XMLHttpRequest();
xhr.open('POST', "./uploads.php?" + fname, true);
xhr.onload = function(e) {};
// Listen to the upload progress.
var progressBar = document.querySelector('progress');
xhr.upload.onprogress = function(e) {
if (e.lengthComputable) {
progressBar.value = (e.loaded / e.total) * 100;
progressBar.textContent = progressBar.value; // Fallback for unsupported browsers.
}
};
xhr.send(blob);
服务器中的 uploads.php 具有以下脚本来接收值并创建音频文件 - 但它不是创建音频文件 - 但是,如果我修复文件名(例如:“filename123”)它写入音频文件 - 所以问题在于传递变量名 - 我是新手,我想知道我错过了什么?:
<?php
ini_set("display_errors", true);
error_reporting(E_ALL);
if(isset($_GET['fileId']) && !empty($_GET['fileId'])){
$id = $_GET["fileId"];
}
$fp = fopen( $id, 'wb' ); // writes the audio file
fwrite( $fp, $GLOBALS['HTTP_RAW_POST_DATA'] );
fclose( $fp );
?>
更新:它正在工作!
【问题讨论】:
标签: javascript php html post xmlhttprequest