asp.net (simple) image editor
-
hi, I need a somewhat simple image editor for my customers website. I've implemented a file archive with upload, delete, move, rename yada yada yada... - and now I need an editor for the images they upload. It should be able to resize the original picture, maybe crop, maybe convert to grayscale etc. Nothing really advanced is needed, but I need a good and responsive UI (AJAX-ified) that works in most browsers. The image operations may be simple enough to implement in C#, but I can't afford the time it will take (ages) to create a solid UI. It doesn't have to be free, but I would like to get the source when buying. It could be a third-party you have used and will recommend - or something you have just made for yourself. If so, just respond. Any good ideas ? BR /Jan
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
-
thanks - not quite what I expected as this component seem to be very insistent that you upload though it :-D I'll take a good look at it though, might suit our needs fine after all. - any other suggestions, people ?
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
-
thanks - not quite what I expected as this component seem to be very insistent that you upload though it :-D I'll take a good look at it though, might suit our needs fine after all. - any other suggestions, people ?
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
What do you need to do, exactly ? cropping/resizing/greyscaling an image seems like it wouldn't take long to write. If you use Atlas, it's not overly efficient, but you get AJAX basically for free.
Christian Graus - C++ MVP 'Why don't we jump on a fad that hasn't already been widely discredited ?' - Dilbert
-
What do you need to do, exactly ? cropping/resizing/greyscaling an image seems like it wouldn't take long to write. If you use Atlas, it's not overly efficient, but you get AJAX basically for free.
Christian Graus - C++ MVP 'Why don't we jump on a fad that hasn't already been widely discredited ?' - Dilbert
well, what do I need... * cropping * resizing nice-to-have: * grayscaling * - and other (similar) effects * quality (encoding) change It might not be that difficult to do - but my experience is that creating a (web) user interface for _very_ common and simple things are a) done before by someone else who had more time on his hands than I do now - and b) actually a tad more difficult when you implement it than what it seemed to be at first glance :-D - so I would like to get someone else to do the dirty work and make sure it _also_ works in firefox and so on. But the strange thing is that you usually get overwhelmed with third party controls for such things - and I couldn't find anything suitable with google. Maybe I'm using the wrong keywords: wysiwyg image editor asp.net - all I get is rich text editors...
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
-
hi, I need a somewhat simple image editor for my customers website. I've implemented a file archive with upload, delete, move, rename yada yada yada... - and now I need an editor for the images they upload. It should be able to resize the original picture, maybe crop, maybe convert to grayscale etc. Nothing really advanced is needed, but I need a good and responsive UI (AJAX-ified) that works in most browsers. The image operations may be simple enough to implement in C#, but I can't afford the time it will take (ages) to create a solid UI. It doesn't have to be free, but I would like to get the source when buying. It could be a third-party you have used and will recommend - or something you have just made for yourself. If so, just respond. Any good ideas ? BR /Jan
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
Here's a couple articles I had bookmarked... http://www.codeproject.com/aspnet/ImageCMS1.asp[^] http://www.codeproject.com/aspnet/ImageCMS2.asp[^]
-
well, what do I need... * cropping * resizing nice-to-have: * grayscaling * - and other (similar) effects * quality (encoding) change It might not be that difficult to do - but my experience is that creating a (web) user interface for _very_ common and simple things are a) done before by someone else who had more time on his hands than I do now - and b) actually a tad more difficult when you implement it than what it seemed to be at first glance :-D - so I would like to get someone else to do the dirty work and make sure it _also_ works in firefox and so on. But the strange thing is that you usually get overwhelmed with third party controls for such things - and I couldn't find anything suitable with google. Maybe I'm using the wrong keywords: wysiwyg image editor asp.net - all I get is rich text editors...
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
The thing is, everything you're listing apart from cropping, would be done by clicking a button and sending a request to the server, there's not really any UI involved ( that is, no tracking of the mouse as you draw a line, for example ). The only pain is the cropping, if you want to click and drag out an area ( as I'd assume you would )
Christian Graus - C++ MVP 'Why don't we jump on a fad that hasn't already been widely discredited ?' - Dilbert
-
well, what do I need... * cropping * resizing nice-to-have: * grayscaling * - and other (similar) effects * quality (encoding) change It might not be that difficult to do - but my experience is that creating a (web) user interface for _very_ common and simple things are a) done before by someone else who had more time on his hands than I do now - and b) actually a tad more difficult when you implement it than what it seemed to be at first glance :-D - so I would like to get someone else to do the dirty work and make sure it _also_ works in firefox and so on. But the strange thing is that you usually get overwhelmed with third party controls for such things - and I couldn't find anything suitable with google. Maybe I'm using the wrong keywords: wysiwyg image editor asp.net - all I get is rich text editors...
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
Christian Graus wrote:
The thing is, everything you're listing apart from cropping, would be done by clicking a button and sending a request to the server, there's not really any UI involved ( that is, no tracking of the mouse as you draw a line, for example ). The only pain is the cropping, if you want to click and drag out an area ( as I'd assume you would )
Yeah, he's right... To crop you will only need the x,y coords for the top left and the bottom right corners, something you can probably write a script to do in JavaScript. Build some kind of a pre-set coordinate plane, i.e. have the graphical box snap to the named points (reminds me of working on a game in Flash where each sprite had its own x,y coords and had to be called up using those). Use onClick and onRelease for it to start and stop, which would include it grabbing the coords. I'm thinking (though i haven't done this yet and don't know how many holes my idea has)have the upload script determine the pixel width and height of the image, pass it onto Javascript, which would measure half the distance of each(width and height) from the preset points (top and left) where on your page the image starts, like the border of the div, thus determining the 0,0 point in the middle of the picture, from which it would calculate the evenly spaced named points the crop box would snap to. Then convert the script's snapping coords(presumably spaced every 5px) to the real image coords and sends it to the server. I'll try to do an ASCII diagram here:
-4,5____________ ............... ............... ............... .......0....... ............... ............... ............... _______________6,-9where you can determine the other two corners by recombining the coords of the known two Roswell:rose:"Angelinos -- excuse me. There will be civility today."
Antonio VillaRaigosa
City Mayor, Los Angeles, CA -
The thing is, everything you're listing apart from cropping, would be done by clicking a button and sending a request to the server, there's not really any UI involved ( that is, no tracking of the mouse as you draw a line, for example ). The only pain is the cropping, if you want to click and drag out an area ( as I'd assume you would )
Christian Graus - C++ MVP 'Why don't we jump on a fad that hasn't already been widely discredited ?' - Dilbert
you're right :) It might not be that difficult to write - so I might end up with the (very impressive) ideas by Tom Crane here: http://www.codeproject.com/aspnet/ImageCMS1.asp[^] and here : http://www.codeproject.com/aspnet/ImageCMS2.asp[^]. The problem is - this will take me some time, also to get it working in multiple browsers, and what I don't have right now is... tada... time. So I'd rather buy a solution than struggle creating one myself. There might be a market for this - I can't find anything decent on google... Thanks for you idas, Chris !
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
-
Here's a couple articles I had bookmarked... http://www.codeproject.com/aspnet/ImageCMS1.asp[^] http://www.codeproject.com/aspnet/ImageCMS2.asp[^]
Very impressive, I must say. Thanks for the links. Beats me why I didn't find them while searching.
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert
-
Christian Graus wrote:
The thing is, everything you're listing apart from cropping, would be done by clicking a button and sending a request to the server, there's not really any UI involved ( that is, no tracking of the mouse as you draw a line, for example ). The only pain is the cropping, if you want to click and drag out an area ( as I'd assume you would )
Yeah, he's right... To crop you will only need the x,y coords for the top left and the bottom right corners, something you can probably write a script to do in JavaScript. Build some kind of a pre-set coordinate plane, i.e. have the graphical box snap to the named points (reminds me of working on a game in Flash where each sprite had its own x,y coords and had to be called up using those). Use onClick and onRelease for it to start and stop, which would include it grabbing the coords. I'm thinking (though i haven't done this yet and don't know how many holes my idea has)have the upload script determine the pixel width and height of the image, pass it onto Javascript, which would measure half the distance of each(width and height) from the preset points (top and left) where on your page the image starts, like the border of the div, thus determining the 0,0 point in the middle of the picture, from which it would calculate the evenly spaced named points the crop box would snap to. Then convert the script's snapping coords(presumably spaced every 5px) to the real image coords and sends it to the server. I'll try to do an ASCII diagram here:
-4,5____________ ............... ............... ............... .......0....... ............... ............... ............... _______________6,-9where you can determine the other two corners by recombining the coords of the known two Roswell:rose:"Angelinos -- excuse me. There will be civility today."
Antonio VillaRaigosa
City Mayor, Los Angeles, CAyeah, thanks. I get the point :o) I'll see if I can find something to use - otherwise I might end up implementing this myself (see my post to Chris: http://www.codeproject.com/lounge.asp?msg=1860658#xx1860658xx[^] ). Anyway, thanks for your comments and ideas - CP is a great place :-D /Jan
Do you know why it's important to make fast decisions? Because you give yourself more time to correct your mistakes, when you find out that you made the wrong one. Chris Meech on deciding whether to go to his daughters graduation or a Neil Young concert