I'm doing a project on ASP.Net, whose task is to work with images. So, I need to make the client part of whose tasks will include: cropping, rotating, resizing. I saw this topic, but solution are too plicated for my problem (I have only 3 functions, not online version of Photoshop). Could you give me a free solution for JS? means that the sending result-image will be executed in Ajax. Desirable,that solution should support Ie8+.
I'm doing a project on ASP.Net, whose task is to work with images. So, I need to make the client part of whose tasks will include: cropping, rotating, resizing. I saw this topic, but solution are too plicated for my problem (I have only 3 functions, not online version of Photoshop). Could you give me a free solution for JS? means that the sending result-image will be executed in Ajax. Desirable,that solution should support Ie8+.
Share Improve this question edited May 23, 2017 at 12:16 CommunityBot 11 silver badge asked Oct 26, 2013 at 18:05 Dr_kloDr_klo 4696 silver badges19 bronze badges5 Answers
Reset to default 2It is not free, but Telerik has an Image Editor for ASP.NET AJAX.
Full disclosure: I'm the author of StudioJS
StudioJS (MIT-licensed), (see demo) offers cropping, rotation, flipping, saturation, contrast, brightness adjustment, white-balance correction, and a number of image effects.
It uses ImageResizer (of which I am also the author), to do the back-end work. The ImageResizer core, resizing, cropping, and rotation is free, but the image effects and adjustments require a license. Everything is on GitHub.
If you build your own solution, check out my list of avoidable pitfalls. It can be a bit tricky.
You can use a JavaScript free ponent to edit the image and convert it to base64 , then it will be ease to save this base64 as a server side code to physical file image
Javascript code :
http://cssdeck./labs/xnmcokhc
or by the same way there are many other JS options too in below link
http://www.jqueryrain./demo/jquery-crop-image-plugin/
You could use an online editor such as Pixlr. I read it has an API so that you can set it up to work with your web application.It has the features you want, and also many more.
To have your own JS editor, I haven't found something ready available online but could make one of your own.
You could use the imgAreaSelect plugin (is used in WordPress) to make the client side part of the crop function. For the server side part, I have written this article some time ago to describe how a crop function works. You could adjust it to work with the imgAreaSelect plugin. If Pixlr doesn't suit you, let me know so that we can talk more about the second scenario.
So, I've created a SimpleImageEditor for my Project.
I've used ImageAreaSelect for cropping and fc-ImageResizer for resizing. For display I use Bootstrap 3.0. https://bitbucket/Dr-klo/simpleimageeditor/