React image compression before upload

Call compress() inside your onChange handler — no React-specific wrapper required. An example App.jsx ships in the Compresso repository.

So funktioniert’s

1. npm install compresso.js
2. On file input change, await compress(file, options)
3. Set state with result.url or upload result.file

Häufige Fragen

Next.js App Router?

Yes — see the Next.js example in the repo.

npm install compresso.js

Verwandt

• nextjs image compression
• compress image before upload
• javascript image compressor