Using web-based image editors with Django apps
FotoFlexer
fotoflexer.com is the first web image editor I'll describe. It offers a basic API, which can be used on websites. It works quite simple - we open the editor page passing in the URL (GET) link to the image and callback URLs that will be used when user saves or cancels changes. FotoFlexer offers a JavaScript library that helps opening the editor with all needed data. We can download it from the API page.
At start we create a simple, example view with a template: The example has few key elements- API configuration - callback urls
- Attaching JS library
- Adding editor calls on selected images

Picnik
picnik.com is another web based image editor. It has extensive API, but it requires registration and API Key. Editor has many options, including saving the image on your computer.

- We create a URL to the editor like so:
http://www.picnik.com/service/?_apikey=API_KEY&_import=IMAGE_URL&_export=CALLBACK_URL&_export_agent=browser
- Such link will open up the editor. On "export" it will redirect to the callback URL with temporary image url under "file" variable.
- Saving image is like for FotoFlexer:
pixlr
pixlr.com offers two editors - Pixlr Editor which is Photoshop-like and Pixlr Express, which is much simpler and easier to use. We have the API and examples.- Download helper JS library and add it to the web page.
- Using the JS function from the library we build the URL that will open the editor. We set image url, editor type and callback urls for save and cancel ("exit") actions:
- service variable defines which editor to use - "express" or the advanced "editor"
- On save we get the temporary image url in the GET variables:

RkBlog