Profile Image Editor

This demo utilizes image and upload services to create a powerful profile editor. Users drag photos from the desktop and drop it on their current profile picture. The picture may be transformed with image filters and cropping. After every manipulation, the image is automatically uploaded without user intervention and without page refresh.

DragAndDrop

Drag & Drop is a service built in to BrowserPlus. Users drag files from the desktop and drop them on designated areas of the browser window. In this demo, the designated area is the profile picture.

FileAccess

FileAccess gives developers JavaScript access to the contents of or a url to the file that the user has selected.

ImageAlter

ImageAlter provides JavaScript developers with image filters, scaling and cropping tools. Users may choose to crop their image or apply filters like grayscale, sepia and more.

FileTransfer

FileTransfer allows one or more files to be uploaded simultaneously. Here, the image is uploaded automatically when the user first drops a new image, and when the photo is manipulated with ImageAlter.