将通过AJAX上传的二进制数据保存在PHP服务器上

Question

我已经将.png图像文件读入了Array Buffer。

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);
  ?>

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

Answer 1

这是保存上传文件的简单演示程序：

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));
}

所有代码都在单个文件中，为了实现更好的格式，它分为三部分。

使用过的帖子：

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