PHP 实现文件流上传及接收教程

<form id="uploadForm">
<input type="file" name="streamFile"/>
</form>

<script>
var form = document.getElementById('uploadForm');
var formData = new FormData(form);

// 创建一个新的 XMLHttpRequest 对象，并设置请求方式为 POST
var xhr = new XMLHttpRequest();
xhr.open("POST", "/your/upload/script.php");

// 设置 onprogress 回调函数以实时获取进度反馈
xhr.upload.onprogress = function(event) {
if (event.lengthComputable) {
var percentComplete = event.loaded / event.total;
console.log(percentDone);
}
};

xhr.onreadystatechange = function() {
// 请求完成并且成功响应后执行操作
if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
alert(this.responseText);
}
};

// 发送formData到服务器端脚本
xhr.send(formData);
</script>

<?php

$targetDir = "uploads/";

if ($_SERVER["REQUEST_METHOD"] == "POST") {

$fileName = $_FILES["streamFile"]["name"];

// 打开一个临时内存流用于存放缓冲区内的数据
$tmp_file = fopen("php://temp/maxmemory:10485760", 'w+b');

// 获取HTTP头中的Content-Type以便判断是否multipart/form-data类型(即是否有文件正在被上传)
if(str_contains($_SERVER['CONTENT_TYPE'], 'multipart')) {
$boundary = substr($httpHeader, strpos($httpHeader, "\r\n\r\n")+4);

while(!feof(STDIN)) {
$chunk = fread(STDIN, 8192);

// 查找每个边界位置并将内容写入临时流内
if(false !== ($pos = strpos($chunk, '--'.$boundary))) {
fwrite($tmp_file, trim(substr($chunk, 0 , $pos)));

parse_str(trim("--".$boundary."--".substr($chunk, $pos+strlen('--'.$boundary)), "--"), $data);

file_put_contents("$targetDir/$fileName", $data['filename']);
}
}

fclose($tmp_file);

echo "Upload complete.";
}
}
?>