HOW TO implement online cropping feature for uploaded Images

Snipshot is a cool website that not only let's you crop images online but also enhance, rotate and save them as GIF, JPG, PDF, PNG or TIF. It also offers a free API that lets you use Snipshot for your own website.


If you wish to implement the feature all on your own, Mikesdotnetting has a neat ASP.NET solution similar to Snipshot that utilizes a jQuery plugin called JCrop.

Some six summers ago, I wrote an article on CodeProject to dynamically resize uploaded images & save in PNG format using ASP.NET & C#. The necessity for the image resizing script came because a Classic ASP website I was working on moved to the server of a different Hosting company which did not provide the ASPJpeg component that the older one threw in as part of a package deal. The CodeProject article has evoked comments with some interesting possibilities that I did not envision and helpful code suggestions.

Update (9-Apr-10): I missed trying out the Snipshot bookmarklet earlier. It's an awesome feature that lets you import any picture from any web page into Snipshot & edit it.


Related:
Free tools to generate screenshots
Guide to Most Useful Bookmarklets for Chrome, Firefox, Safari, etc.

Comments

Post a Comment

Popular posts from this blog

Online Code Editors for Web Apps with AI Assistance

Image
In 2026, the landscape for online IDEs has shifted toward "AI-native" environments. Most platforms now offer a free tier that includes a chat assistant, though they usually limit the number of "high-reasoning" (GPT-4 or Claude 3.5/4 level) queries you can make per month. Check out this list of online code editors for web apps that feature built-in AI chat, perfect for getting started at no cost: 1. Firebase Studio is Google's modern browser-based IDE with Gemini AI chat/assistance built-in for code generation, debugging, explanations, refactoring, and even agent-driven workflows. Excellent for web apps, supports frameworks like React, Next.js, etc., live previews, and easy deployment. It has built-in Gemini chat and code completion. Because Firebase Studio was designed "for the AI era," it excels at adding Gemini-powered features (chat interfaces, content generation, personalization, etc.) into web apps. You can prototype AI flows (model inference, ag...
Read more

From Stiff Chatbot to Savage Sidekick: The UI/UX Glow-Up Story

Image
It's interesting how the UI/UX of AI assistants has been evolving over time.  The interaction options with each individual Chat and a Conversation thread have gradually expanded over time.  ChatGPT Gemini Grok Chat Copy  Good response Bad response Share  Try Again Branch in new Chat  Read Aloud Report Message Good response  Bad response  Copy response Double check response  Listen  Export to Docs Draft in Gmail Export to Replit  Report Legal issue Regenerate  Read Aloud  Start Thread (2/26) Copy  Create share link  Love it  Needs improvement  Report Issue  Export to PDF Conversation Share  Start a group chat Rename  Pin Chat Archive  Delete Share  Pin  Rename  Delete Rename  Pin  Delete Claude Copilot Perplexity Chat Copy Give positive feedback Give negative feedback Retry Go...
Read more