AJAX/PHP - 以纯 javascript 分段上传大文件

Question

我正在尝试让用户使用 PHP 和 HTML/JS 上传约 1GB 的大文件。我从过去的经验中知道，上传文件 ~10mb 也会导致 PHP 拒绝请求。

问题是，我的 js 中的请求已发送，但我不知道如何通过 php 发送 blob。 post 请求始终为空

我的 javascript 是这样的：

    var xhttp = new XMLHttpRequest();
function doThing(){
      var file = document.getElementById("file_upload").files[0];
      var chunkSize = 1024 * 1024;
      var fileSize = file.size;
      var chunks = Math.ceil(file.size/chunkSize,chunkSize);
      var chunk = 0;

      console.log('file size..',fileSize);
      console.log('chunks...',chunks);
      sendFileSlice(file, chunkSize, chunk, chunks); 
}

function sendFileSlice(file, chunkSize, chunk, chunks)
{
      if(chunk <= chunks)
      {
          var offset = chunk*chunkSize;
          xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
             chunk++;
             sendFileSlice(file, chunkSize, chunk, chunks);
            }
          };
          xhttp.open("POST", "printchunks.php", true);
          xhttp.send(file.slice(offset,offset+chunkSize));
      }
}

和我的 php，只是为了测试，是这样的：

<?php
//temporarily just put contents into a random file
file_put_contents(time()+rand(), print_r($_POST, true));
?>

我正在使用作为拆分示例，但我无法使用纯 Javascript 找到 AJAX。我不想要 JQuery，那是我最不需要的，我只想将一个 blob 发送到 PHP，以便它可以将其附加到文件中。这似乎在拆分方面有效，它只是在生成的文件中没有任何内容

Answer 1

我忘了我必须使用

xhttp.setRequestHeader('Content-Type', 'application/octet-stream');

在发送之前将流设置为 blob。有了这个，我现在可以使用 PHP:

保存文件

<?php
file_put_contents(time()+rand(), file_get_contents("php://input"));
?>

当然这会将它保存到一些随机文件中，所以如果这对任何人有帮助，请更改代码以满足您的需要

AJAX/PHP - 以纯 javascript 分段上传大文件

AJAX/PHP - Upload a large file in segments in pure javascript

javascript

php

ajax

upload

segment