CODEWITHSUNDEEP
c#javascriptasp.netimage
Dr_klo
Dr_klo

Reputation: 469

Simple Javascript image editor for ASP.Net application

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 complicated 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+.

Upvotes: 0

Views: 7328

Answers (5)

Tarek El-Mallah
Tarek El-Mallah

Reputation: 4115

You can use a JavaScript free component 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.com/labs/xnmcokhc

or by the same way there are many other JS options too in below link

http://www.jqueryrain.com/demo/jquery-crop-image-plugin/

Upvotes: 1

Lilith River
Lilith River

Reputation: 16468

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.

Upvotes: 1

Dr_klo
Dr_klo

Reputation: 469

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.org/Dr-klo/simpleimageeditor/

Upvotes: 0

Tasos K.
Tasos K.

Reputation: 8079

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.

Upvotes: 0

Karl Anderson
Karl Anderson

Reputation: 34846

It is not free, but Telerik has an Image Editor for ASP.NET AJAX.

Upvotes: 2

Related Questions