将通过 AJAX 上传的二进制数据保存在 PHP 服务器上 - Save binary data uploaded through AJAX on PHP server

Save binary data uploaded through AJAX on PHP server

我已经将.png图像文件读入数组缓冲区。

var readSingleFile = function(e) {
          var file = e.target.files[0];
          if (!file) {
            return;
          }
          var reader = new FileReader();
          reader.onload = function(e) {
            var contents =new Int8Array(e.target.result);
            $.ajax({
                   url: 'saveBinaryData.php',
                   type: 'POST',
                   contentType: 'application/octet-stream', 
                   data: contents,
                   processData: false
                }); 
          };
          reader.readAsArrayBuffer(file);
        }

正如 AJAX 所描述的那样，它被发布到 PHP 文件中。

如何将此二进制数据转换为图像格式？

到目前为止我的代码：

<?php
 if($data=file_get_contents($_POST)){
   echo "Error! Data not read!";
   return;
  }
  $data = imagecreatefromstring($data);
  var_dump($data);
  file_put_contents("recentImage1.png", $data);
  ?>

这些取自谷歌中的各种解决方案。图像文件已创建，但不包含任何内容，因此无法打开。

这是保存上传文件的简单工作演示：

.JS：

<script src='https://code.jquery.com/jquery-2.2.3.min.js'></script>
<script>upload = function() {
    f = new FileReader();
    f.onload = function(e) {
        $.ajax({
            url: '?upload',
            type: 'POST',
            contentType: 'application/octet-stream;charset=UTF-8',
            data: e.target.result.split(",", 2)[1], //remove text header
            processData: false
        });
    };
    f.readAsDataURL($('input')[0].files[0]);
}
</script>

.HTML：

<input type="file" />
<button onclick="upload()">Upload</button>

和 PHP：

<?php
if (isset($_GET['upload'])) {
    $file = file_get_contents('php://input');
    file_put_contents('recentImage1.png', base64_decode($file));
}

所有代码都在单个文件中，只需分成 3 个部分即可更好地格式化。

使用过的帖子：

将通过 AJAX 上传的二进制数据保存在 PHP 服务器上
file_get_contents（"php://input"）或 $HTTP_RAW_POST_DATA...
fileReader.readAsBinaryString 以上传文件
使用 xhr 上传文件时，在何处以及如何设置正确的编码