asked on

Replicate the EE Profile Photo Uploader

I would like to replicate the process that Experts Exchanges uses to upload a profile image. I need to do the same thing on a site that I'm working on but I want to use jQuery and php.

I've tried using Inspect Element to see how EE is doing it, but I'm not following it.

I would like someone to point me in the direction where I can find a script/plugin that will do the same thing, with such incredible smoothness, within a php/jquery environment.

Thank you.

Ray Paseur

Have you started writing any of the code? If so, please show us where you are on the project and where you're stuck. Are you conversant with jQuery, or would an introductory example help? When we have broad questions like this there are so many moving parts that it may be impossible to give you a complete end-to-end example. So if we know what you've tried and what specific help you need, we can focus on those issues.

These are the things I believe are in play (and there may be more, please correct me if I'm off base).

1. You need to upload an image from a client to a server
2. You need to store the image on the server and coordinate a database that allows you to retrieve the image file by a key
3. You need the key to be linked to a client profile so you can display the correct image
4. You need to be able to resize and sharpen the image
5. You need to perform these actions with a hidden HTTP request initiated via jQuery

Which parts can we assume you have covered and which parts need our guidance?

Paul Konstanski

ASKER

What I was ideally hoping for would be somebody who would say, "Oh yeah, I've seen a packages that does it, you can go buy it here for $20..." But the few packages I've looked at are a little rough around the edges.

But if there was no luck with that option above, what I'm most interested in is the ability to resize, crop and center that will be saved as the profile image. I don't want it to be a super big image, so that's an important part. So on your list above, it's points 4 and 5 where I'm looking for help.

ASKER CERTIFIED SOLUTION

Ray Paseur

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Paul Konstanski

ASKER

This is great. We'll build what we can over the next couple of days and will use your code as a part of it. If we have more questions, I'll come back with a separate specific question using your above flow as a guideline.

Thanks again.

Paul Konstanski

ASKER

Here is an additional site with some insight into this.
Ajax Image Upload and Resize with jQuery and PHP

Ray Paseur

Glad to help get it pointed in the right direction. Thanks for the points, ~Ray