Giter VIP home page Giter VIP logo

debchy / resizencrop Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 2.0 8.62 MB

Resizing is not anymore clients headache. Client can upload any size of image. We are resizing according to our need and giving them option to crop the image according to aspect ratio. I am here using JCrop jquery plugins(http://jcrop.org/) and making custom control on asp.net to give a simple solution to integrate into .net projects and simple way to handle for the user.

License: MIT License

ASP 52.28% C# 13.10% Visual Basic 11.80% JavaScript 22.82%
image-resize image-cropping asp-net

resizencrop's Introduction

ResizeNCrop

developer: Debashis Chowdhury

Resizing is not anymore clients headache. Client can upload any size of image. We are resizing according to our need and giving them option to crop the image according to aspect ratio.

Here I am using JCrop jquery plugins(http://jcrop.org/) for cropping and I developed a algorithm to resize the input image keeping it's ratio. Also, I made a custom control on asp.net to give a simple solution to integrate into .net projects and simple way to handle for the user.

Folder Structure

The F-ImageUploader is the folder which contains all the required files for the control. 

ImageResizeNCrop.js contains all javascript code for resizing, cropping and saving. A asp.net Handler file(HandlerImageUploader.ashx) is used to save the file with ajax CMS_ImageResizeNCropp_CS.aspx and CMS_ImageResizeNCropp_VB.aspx are the container for control which will open in fancybox iframe. ASP.net custom controller Control_CMS_ImageResizeNCropp_CS.ascx and Control_CMS_ImageResizeNCropp_VB.ascx are used to quickly plug and play the control by dragging from VS Solution Explorer. Images will save on /Admin/Content folder.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.