Question

我正在制作一个JavaScript脚本，它将基本上保存一个旧的游戏开发沙盒网站，然后业主将其废弃（并丢失所有游戏）。我创建了一个脚本，通过AJAX下载每个游戏，并希望以某种方式直接上传它，也使用AJAX。如何将下载的文件（可能是存储在responseText中）上传到另一个域（启用了跨源头）的PHP页面？

我假设必须有一种方法从第一个AJAX请求上传数据，而不将responseText转移到另一个AJAX请求（用于上传文件）？我试过传输数据，但正如预期的那样，它会导致巨大的延迟（并且可能导致浏览器崩溃），因为文件可能非常大。

有没有一种方法可以让AJAX请求在收到后立即以某种方式上传个别数据包？

谢谢，

丹

Answer 1

您可以使用Firefox“moz-chunked-text和moz-chunked-arraybuffer响应类型。在JavaScript方面，您可以执行以下操作：

function downloadUpload() {

  var downloadUrl = "server.com/largeFile.ext";
  var uploadUrl = "receiver.net/upload.php";
  var dataOffset = 0;

  xhrDownload = new XMLHttpRequest();
  xhrDownload.open("GET", downloadUrl, true);
  xhrDownload.responseType = "moz-chunked-text"; // <- only works in Firefox
  xhrDownload.onprogress = uploadData;
  xhrDownload.send();

  function uploadData() {
    var data = {
      file: downloadUrl.substring(downloadUrl.lastIndexOf('/') + 1),
      offset: dataOffset,
      chunk: xhrDownload.responseText
    };
    xhrUpload = new XMLHttpRequest();
    xhrUpload.open("POST", uploadUrl, true);
    xhrUpload.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
    xhrUpload.send(JSON.stringify(data));
    dataOffset += xhrDownload.responseText.length;
  };

}

在PHP方面你需要这样的东西：

$in = fopen("php://input", "r");
$postContent = stream_get_contents($in);
fclose($in); 

$o = json_decode($postContent);
file_put_contents($o->file . '-' . $o->offset . '.txt', $o->chunk);

这些片段只会为您提供基本的想法，您需要自己优化代码。

AJAX下载后直接上传文件（不存储）

1 个答案: