使用 ReadableStream 作为请求正文获取

问题描述

我正在尝试将 fetch 与 ReadableStream.在这个例子中，ReadableStream 应该无限期地重复Some data...".

I'm trying to use fetch with a ReadableStream. In this example, the ReadableStream should simply repeat "Some data..." indefinitely.

fetch('/', {
  method: 'POST',
  body: new ReadableStream({
    pull: function(controller) {
      console.log('pull called!');
      controller.enqueue('Some data...');
    }
  })
});

这不起作用.虽然 pull 执行一次，但请求正文中不会发送任何数据.

This doesn't work. While pull is executed once, no data is sent in the request body.

POST / HTTP/1.1
Host: example.com
Connection: keep-alive
Content-Length: 0
Origin: https://example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36
Accept: */*
Referer: https://example.com/
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.8

如何使 ReadableStream(或任何可以写入动态数据的流)与 fetch 一起使用?

How can I make a ReadableStream (or any kind of stream where I can write dynamic data) usable with fetch?

或者，如果这还不可能，您能否指出这一点?谢谢.

Alternatively, if this isn't yet possible, could you please indicate this? Thank you.

注意:这是一个更具体的衍生问题:通过HTTP将数据从浏览器流式传输到服务器的方法

推荐答案

我们正在努力使这项工作，请参阅 https://github.com/whatwg/fetch/pull/425 用于 PR 到 Fetch 标准.完成后，您可以预期它会进入浏览器(缓慢).

We're working on making this work, see https://github.com/whatwg/fetch/pull/425 for the PR to the Fetch Standard. Once that is done you can expect this to make its way into browsers (slowly).

这篇关于使用 ReadableStream 作为请求正文获取的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！