从javascript发送时如何保存图像服务器端

我正在通过阅读大量教程来制作拖放上传脚本，但它们只涵盖了 javascript 部分，而我在 php 部分遇到了问题。

我正在上传图像，如下所示：

$('#drop-zone').bind('drop', drop);

function drop(e) {
    e.stopPropagation();
    e.preventDefault();
    e.dataTransfer = e.originalEvent.dataTransfer;
    traverseFiles(e.dataTransfer.files);
}

traverseFiles 为每个文件创建一个 foreach 循环并调用上传函数，我这样做：

xhr = new XMLHttpRequest();

//some event listners for processing, on load

xhr.open("post", "core/plugins/upload/upload.class.php", true);

xhr.setRequestHeader("Content-Type", "multipart/form-data");
xhr.setRequestHeader("X-File-Name", file.name);
xhr.setRequestHeader("X-File-Size", file.size);
xhr.setRequestHeader("X-File-Type", file.type);

xhr.send(file);

然后在 php 中我发现使用它可以获得图像的原始数据

$file = file_get_contents('php://input');

编辑：找到解决方案

$fh = fopen($savedir, 'w') or die("can't open file");
fwrite($fh, $file);
fclose($fh);

假设您已成功从 PHP 输入获取原始文件，它很可能是经过 Base64 编码的。一个简单的例子是这样做：

<?php
//decode file
$image = base64_decode($file);

// write it
$filename = "myfile.png";
$fh = fopen($filename, 'w') or die("can't open file");
fwrite($fh, $image);
fclose($fh);

Edit请参阅评论，该文件未因请求而被编码。