在此页

• 句法
• 范例
• 规范
• 浏览器兼容性
• 相关话题

这是 实验性技术
检查 浏览器兼容性表格 要小心谨慎在生产中使用这之前。

pipeThrough() 方法在 ReadableStream interface provides a chainable way of piping the current stream through a transform stream or any other writable/readable pair.

Piping a stream will generally lock it for the duration of the pipe, preventing other readers from locking it.

句法

var transformedStream = readableStream.pipeThrough(transformStream[, options]);
					

参数

transformStream

TransformStream (or an object with the structure {writable, readable} ) consisting of a readable stream and a writable stream working together to transform some data from one form to another. Data writen to the writable stream can be read in some transformed state by the readable stream. For example, a TextDecoder , has bytes written to it and strings read from it, while a video decoder has encoded bytes written to it and uncompressed video frames read from it.

选项 可选

The options that should be used when piping to the writable stream. Available options are:

1. preventClose : If this is set to true , the source ReadableStream closing will no longer cause the destination WritableStream to be closed. The method will return a fulfilled promise once this process completes, unless an error is encountered while closing the destination in which case it will be rejected with that error.
2. preventAbort : If this is set to true , errors in the source ReadableStream will no longer abort the destination WritableStream . The method will return a promise rejected with the source’s error, or with any error that occurs during aborting the destination.
3. preventCancel : If this is set to true , errors in the destination WritableStream will no longer cancel the source ReadableStream . In this case the method will return a promise rejected with the source’s error, or with any error that occurs during canceling the source. In addition, if the destination writable stream starts out closed or closing, the source readable stream will no longer be canceled. In this case the method will return a promise rejected with an error indicating piping to a closed stream failed, or with any error that occurs during canceling the source.
4. signal : If set to an AbortSignal object, ongoing pipe operations can then be aborted via the corresponding AbortController .

返回值

readable side of the transformStream .

异常

TypeError

writable and/or readable property of transformStream are undefined.

范例

In the following example (see Unpack chunks of a PNG for the full code running live, and png-transform-stream for the source code), an image is fetched and its body retrieved as a ReadableStream . Next, we log the contents of the readable stream, use pipeThrough() to send it to a new function that creates a gray-scaled version of the stream, then log the new stream's contents too.

// Fetch the original image
fetch('png-logo.png')
// Retrieve its body as ReadableStream
.then(response => response.body)
.then(rs => logReadableStream('Fetch Response Stream', rs))
// Create a gray-scaled PNG stream out of the original
.then(body => body.pipeThrough(new PNGTransformStream()))
.then(rs => logReadableStream('PNG Chunk Stream', rs))
					

规范

规范	状态	注释
流 The definition of 'pipeThrough()' in that specification.	实时标准	初始定义。

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
pipeThrough	Chrome 59	Edge 79	Firefox No	IE No	Opera 46	Safari 10.1	WebView Android 59	Chrome Android 59	Firefox Android No	Opera Android 43	Safari iOS 10.3	Samsung Internet Android 7.0

图例

完整支持

完整支持

不支持

不支持

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

元数据

• 最后修改： Feb 12, 2020

相关话题

1. Streams API
2. ReadableStream
3. 构造函数

   1. ReadableStream()
4. 特性

   1. locked
5. 方法

   1. cancel()
   2. getReader()
   3. pipeThrough()
   4. pipeTo()
   5. tee()
6. Related pages for Streams

   1. Body.body
   2. ByteLengthQueuingStrategy
   3. CountQueuingStrategy
   4. ReadableByteStreamController
   5. ReadableStreamBYOBReader
   6. ReadableStreamBYOBRequest
   7. ReadableStreamDefaultController
   8. ReadableStreamDefaultReader
   9. WindowOrWorkerGlobalScope.fetch()
   10. WritableStream
   11. WritableStreamDefaultController
   12. WritableStreamDefaultWriter