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.

Comment ça marche

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

Questions courantes

Next.js App Router?

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

npm install compresso.js

Associé

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