In this week’s workshop, I’ll be building an image compression and resizing widget. This enables users to adjust an image before uploading it to a database or API to ensure it’s within the limits imposed by the backend. It also avoids having users leave the app to find their own solution to resize images before upload.
Video Tutorial: <a href="https://youtu.be/sq2e6nuhb2M" target="_blank" rel="noopener nofollow">Building an Image Compression &amp; Resizing Widget</a>
Written Tutorial: <a href="https://community.appsmith.com/content/blog/building-image-resizing-and-compression-widget-dropzonejs" target="_blank" rel="noopener nofollow">Building an Image Compression &amp; Resizing Widget</a>

The open source, low-code frontend for any datasource! Drag-and-drop UI builder with AI integrations, Human-in-the-Loop workflows, & full CI/CD support. Write JavaScript anywhere to add your own logic. Self-host or managed. 
SOC2 Compliant 🛡




Appsmith

Learn how to build an image compression and resizing widget using Dropzone.js. This tool helps users adjust image sizes before uploading, ensuring they meet backend requirements without needing external solutions.

Building an Image Compression & Resizing Widget with Dropzone.js