Compressie en decompressie in de browser met de Compression Streams API
bookmark_borderbookmark
Stay organized with collections
Save and categorize content based on your preferences.
Schrijf kleinere webapps die geen eigen compressie- of decompressiebibliotheek nodig hebben
De Compression Streams API is bedoeld voor het comprimeren en decomprimeren van gegevensstromen met behulp van de formaten gzip of deflate (of deflate-raw).
Met ingebouwde compressie hoeven JavaScript-applicaties geen compressiebibliotheek te bevatten, waardoor de downloadgrootte van de applicatie kleiner wordt. Stabiel Chrome en Safari Technology Preview ondersteunen nu deze handige API. Het comprimeren van gegevens wordt hieronder weergegeven.
const readableStream = await fetch('lorem.txt').then(
(response) => response.body
);
const compressedReadableStream = readableStream.pipeThrough(
new CompressionStream('gzip')
);
Om te decomprimeren, leidt u een gecomprimeerde stroom door de decompressiestroom.
const decompressedReadableStream = compressedReadableStream.pipeThrough(
new DecompressionStream('gzip')
);
Demo
Browser-ondersteuning
De Compression Streams API wordt ondersteund vanaf Chromium 80 en Safari Technology Preview 152. Voor andere browsers vinkt u CanIUse aan.
Dankbetuigingen
Hero-afbeelding door Matt Artz op Unsplash .
Tenzij anders vermeld, is de content op deze pagina gelicentieerd onder de Creative Commons Attribution 4.0-licentie en zijn codevoorbeelden gelicentieerd onder de Apache 2.0-licentie. Voor meer informatie raadpleegt u het Google Developers-sitebeleid. Java is een gedeponeerd handelsmerk van Oracle en/of diens aangesloten entiteiten.
Last updated 2022-08-29 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2022-08-29 UTC."],[],[]]