Upload Avatar

Liam McCabe Oct 5th 2011 Tags: avatar, upload

Most websites have a boring form to upload an avatar. I’ve tried to spruce it up a little with a light, clean design and a mini progress bar.

Related Resources & Freebies

Comments & Discussion

October 5, 2011 at 10:28 pm
Jens Sage said:

Interesting approach. Good idea, but the implemtation is pretty difficult imho.. :/

Reply
- October 10, 2011 at 4:01 am
  Ben said:
  
  Yah, is it even possible to have a live preview of what has been uploaded already? That would be worth implementing… everywhere.
  
  Reply
- February 13, 2012 at 2:18 pm
  Mike said:
  
  Very great idea! But i think it’s impossible to get a clear image like that of something in upload
  
  Reply
October 6, 2011 at 12:08 pm
Big Crunchy said:

Hey!

Nice concept! Thanks for the answer to my mail!

Hope one day I can help you guys with some PSD files!

Have fun!

Reply
October 7, 2011 at 1:37 pm
Emil Melgaard said:

Challenge accepted

Reply
October 7, 2011 at 10:37 pm
Ali Emre said:

I agree with Jens Sage. Maybe its implementation may need a little bit manipulation.

Reply
December 20, 2011 at 10:59 am
Shahmir said:

I dont think the second part is possible, Because i think the image file cannot be loaded as a half, it wont come up with the image.

I do like the concept, i do wonder if i could get the second part to work. Time for experimenting!

Reply
- March 8, 2012 at 8:10 pm
  Joe Warren said:
  
  I agree. In order for the image to display even half it has to have the full thing uploaded.
  
  I could be wrong but pretty sure I am not.
  
  Nice concept though!
  
  Reply
  - March 16, 2012 at 10:33 am
    Robert said:
    
    it should be possible with the new JS File API, which allows you to access images *before* they have been uploaded: http://www.html5rocks.com/en/tutorials/file/dndfiles/
    One could than use a wrapper div with hidden overflow to only show parts of the image :D
    
    Reply