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.

使用方法

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

常见问题

Next.js App Router?

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

npm install compresso.js

相关页面

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