將通過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上傳文件時，在哪里以及如何設置正確的編碼