Jump to content

Upload and crop image


pb1uk

Recommended Posts

Hi all,

 

I'm in the process of making a site that allows users to sign up to join a community. I've been looking high and low for a script that will allow a user when signing up to choose a profile picture and enable them to be able to crop it was in fits in a profile picture border/template.

 

I've found a couple of links that touch on what i need but not one that i could use. For example, you know you facebook when you can edit your profile picture thumbnail you can drag in around until it fits. I'm looking for something similar but with the ability to be able to zoom in/out as well. The thing is though i don't want the pic to be uploaded to the server until it has been resized or cropped. The ones i've found save it first then mod it off the server bit i don't really want loads of massive photos uploaded tbh.

 

Any ideas? A point in the right direction, any advice, or better way to do what i'm trying to do would be great!

 

Thanks,

 

pb1uk

Link to comment
Share on other sites

I don't believe it is possible to have a script that allows a user to choose/crop an image without uploading it temporarily. How else will the server be able to display the chosen image out to the user so they can crop it?

 

However, just because the file is uploaded temporarily doesn't mean it can't be deleted by the script once the user is done with it. For example, it could upload a temporary image, save out a cropped version, and then delete the temporary image after.

Link to comment
Share on other sites

It's possible to do something like this using the W3C's new file api, but it would not be a trivial job, by any means. And in any case, you'd probably need to fall back to the more traditional solution for those with lesser browsers, if they were a significant part of your user base.

 

Here's some info on the new file api, in case you decide to follow it up:

 

http://ajaxian.com/archives/w3c-publish-first-working-draft-of-file-api

 

http://hacks.mozilla.org/2009/12/w3c-fileapi-in-firefox-3-6/

Edited by monkeysaurus
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...