CompressionStream 流式压缩与解压实践

前言CompressionStream 提供浏览器原生的流式压缩能力，适合在上传或持久化前进行体积优化。本文演示 GZIP 压缩与解压的端到端流程。能力检测const supportsCompression = typeof CompressionStream === 'function';

const supportsDecompression = typeof DecompressionStream === 'function';

文本压缩与解压async function gzipText(text) {

const cs = new CompressionStream('gzip');

const stream = new Blob([text]).stream().pipeThrough(cs);

return await new Response(stream).blob();

}

async function gunzipToText(blob) {

const ds = new DecompressionStream('gzip');

const stream = blob.stream().pipeThrough(ds);

return await new Response(stream).text();

}

二进制压缩与上传async function uploadGzip(blob, url) {

const cs = new CompressionStream('gzip');

const gz = await new Response(blob.stream().pipeThrough(cs)).blob();

return fetch(url, { method: 'POST', headers: { 'Content-Encoding': 'gzip' }, body: gz });

}