Next.js compress before upload

Run compression in a client component ("use client") on the file input. The optimized File uploads via fetch or server action — the compression step never needs your server.

使用方法

1. Add compresso.js to your client form component
2. Compress on select
3. Submit result.file

常见问题

Works with Server Actions?

Yes — pass the compressed File as you would the original.

npm install compresso.js

相关页面

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