如何在PHP中接收AJAX传递的BLOB并保存为服务器文件？

我来帮你搞定这个需求！要把前端的WAV Blob通过AJAX传到PHP并保存成服务器文件，关键是要正确处理二进制数据的传输和后端的接收逻辑，下面是具体实现步骤：

一、修改前端AJAX代码 #

你之前直接传递Blob对象的方式会导致数据解析错误，jQuery没法正确处理裸二进制数据，得用FormData来封装，同时要关闭jQuery自动处理数据的默认行为：

// 假设你的Blob对象已经存在于blob变量中
const formData = new FormData();
// 把Blob添加到FormData，第三个参数可以自定义文件名（建议指定，方便后续识别）
formData.append('thefile', blob, 'recording.wav');

$.ajax({
    type: "POST",
    url: "path/to/my/file.php",
    data: formData,
    // 这两个参数必须设置，否则会破坏二进制数据结构
    processData: false,
    contentType: false,
    success: function(text) {
        console.log('文件保存成功！返回信息:', text);
    },
    error: function(xhr, status, error) {
        console.error('上传失败:', error);
    }
});

二、编写PHP后端处理逻辑 #

后端需要从$_FILES数组中接收上传的临时文件，然后移动到指定存储目录，同时要做必要的错误检查：

<?php
// 定义文件存储目录，确保这个目录在服务器上存在且有写入权限
$uploadDir = './audio_uploads/';
// 如果目录不存在，自动创建（递归创建多级目录）
if (!is_dir($uploadDir)) {
    mkdir($uploadDir, 0755, true);
}

// 检查是否有合法的文件上传
if (isset($_FILES['thefile']) && $_FILES['thefile']['error'] === UPLOAD_ERR_OK) {
    $tempFilePath = $_FILES['thefile']['tmp_name'];
    // 可以用原文件名，也可以自定义文件名避免重名（这里示例用原文件名）
    $targetFilePath = $uploadDir . basename($_FILES['thefile']['name']);
    
    // 把临时文件移动到目标存储目录
    if (move_uploaded_file($tempFilePath, $targetFilePath)) {
        echo "文件已成功保存至: " . $targetFilePath;
    } else {
        echo "文件移动失败，请检查存储目录的写入权限";
    }
} else {
    // 处理各种上传错误场景
    $errorCode = $_FILES['thefile']['error'] ?? -1;
    switch ($errorCode) {
        case UPLOAD_ERR_INI_SIZE:
            echo "文件大小超过php.ini限制的最大值";
            break;
        case UPLOAD_ERR_FORM_SIZE:
            echo "文件大小超过表单设置的限制值";
            break;
        case UPLOAD_ERR_PARTIAL:
            echo "文件仅完成部分上传，请重试";
            break;
        case UPLOAD_ERR_NO_FILE:
            echo "没有检测到上传的文件";
            break;
        default:
            echo "未知上传错误，错误码: " . $errorCode;
    }
}
?>

三、关键注意事项 #

• 目录权限：服务器上的存储目录（比如示例中的audio_uploads）必须设置写入权限，一般设为755或775，具体根据服务器配置调整。
• 文件名去重：如果担心重复上传导致文件覆盖，可以给文件名加上时间戳或随机字符串，示例代码如下：

  $uniqueFileName = uniqid('audio_') . '_' . basename($_FILES['thefile']['name']);
  $targetFilePath = $uploadDir . $uniqueFileName;
  

• 大文件处理：如果你的WAV文件较大，需要修改php.ini中的upload_max_filesize和post_max_size参数，确保服务器能接收大体积的POST请求。

内容的提问来源于stack exchange，提问作者Adam