Andrew Ferguson
Romping Around in Europe
Subscribe to RSS FeedAdding User Photo to WordPress User Profile
I finally got around to packaging up the Add User Photo plugin. You can download it here. Unzip it and upload to your plugins directory, and then activate it. You also need to modify line 21 of /wp-admin/profile.php, adding enctype="multipart/form-data" to the form tag.
So at the end of the day, line 21 should look like:
<form name="profile" id="your-profile" action="profile-update.php" method="post" enctype="multipart/form-data">
Reader's Comments
Leave a Comment
Andrew Time
3:59am @ 03 JulyDopplr
Subscribe
About
Recent Comments
- grandma Jo on Dateline: St. Petersburg, Day 2 - The Hermitage: Looks like Nicholas was with you
- Brian Orlick on Dateline: St. Petersburg, Day 1 - The Amber Room: Sorry if this sounds like an echo chamber, but...
- Stephanie on Dateline: Tallinn, Day 1 - Meandering About: Hey would you mind sending me a postcard from every city...
- subhashree on Countdown Timer: i want to change the format of the counter which is displaying.How & where i will...
- Matt Matteson on Dateline: St. Petersburg, Day 3 - The 16 Kilometer Adventure: Let me know if you want to compile our...
Countdown Timer
- Join the Real World™ and start work at Boeing:
in 1 month, 11 days, 13 hours, 0 minutes, 19 seconds
Pages
Archives
Stats
- # of Posts: 2208
- # of Comments: 2657
Brilliant !
Seems to be working, but I’m note sure what piece of code to use in order to display the picture in the front office. If you can manage to add this info, you’re a king !
Thanks
OK, I’ve found out something working:
user_login;?>.jpg?rand=” height=”100″/>
Not sure if it’s the right thing, but working.
user_login; ?>.jpg?rand=” height=”100″/>
Can’t paste the code, sorry
Including the picture depends on how you want to call it.
If you want to include code, you have to escape it. You can also surround it with [html]Your code here[/html]
The output will look something like:
[html]Your code here[/html]
The project I designed this for is my schools Radio Website (http://radio.mines.edu). Users are listed by their
user_ID, so when their profile is viewed, a quick lookup finds theiruser_login.Once the
user_loginis found, I use the PHPfile_exists()to determine if the user has uploaded an image. If they have, it uses that. If not, it uses a generic image.Also, the WordPress Database class is a very powerful way to interface with the DB. This is the best way to get the information you need.
[...] http://www.andrewferguson.net/2006/09/20/adding-user-photo-to-wordpress-user-profile/ [...]
Hi Andrew:
Great idea. Unfortunately I tried uploading a photo and got the following errors when I clicked the “Update Profile” button:
Warning: move_uploaded_file(/homepages/8/d104609365/htdocs/dev4//wp-content/images/admin.jpg) [function.move-uploaded-file]: failed to open stream: No such file or directory in /homepages/8/d104609365/htdocs/dev4/wp-content/plugins/fergcorp_addUserPhoto.php on line 61
Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to move ‘/tmp/phpMrUKie’ to ‘/homepages/8/d104609365/htdocs/dev4//wp-content/images/admin.jpg’ in /homepages/8/d104609365/htdocs/dev4/wp-content/plugins/fergcorp_addUserPhoto.php on line 61
Warning: Cannot modify header information - headers already sent by (output started at /homepages/8/d104609365/htdocs/dev4/wp-content/plugins/fergcorp_addUserPhoto.php:61) in /homepages/8/d104609365/htdocs/dev4/wp-includes/pluggable-functions.php on line 272
Any ideas? The filename I’m trying to upload is agent.jpg.
Thanks - Michael
Found the problem.
There was no /images directory in my wp-content folder.
I created the directory and it’s all fixed.
Thanks again - Michael
First off, thanks for the hard work, this is exactly what I need. I’m trying to integrate this with wordpress MU, and I’m having some difficulties. Basically, I want to display the user’s picture in the sidebar, but for some reason the .$profileuser->user_login part of the img src url isn’t returning anything. The path is fine, just nothing returned for the user_login. Do you have any ideas? I don’t know if MU accesses user_login differently, or even if I can get to that variable from the front side. Any help would be appreciated.
never mind, I was off on what I needed. I’ve re-read the code and understand what’s happening now.
[...] http://www.andrewferguson.net/2006/09/20/adding-user-photo-to-wordpress-user-profile/ [...]
Not sure if anyone else ran into this problem, but if you try to upload a picture and it keeps giving you an error message about the file being a pjpeg instead of a jpg just change line 60 of the plugin code to show the following:
if(($_FILES['photoUpload']['type'] == “image/jpeg” or “image/pjpeg”) || ($_FILES['photoUpload']['type'] == “image/jpg” or “image/pjpeg”)){
And then it should work fine.
Actually, you should you should use:
[php]
if(($_FILES['photoUpload']['type'] == “image/jpeg”) || ($_FILES['photoUpload']['type'] == “image/jpg”) || ($_FILES['photoUpload']['type'] == “image/pjpeg”)){
[/php]
Andrew, even after modifying line 60 of fegcorp_addUserPhoto.php to be : 1.
if(($_FILES['photoUpload']['type'] == “image/jpeg”) || ($_FILES['photoUpload']['type'] == “image/jpg”) || ($_FILES['photoUpload']['type'] == “image/pjpeg”)){
an upload of a jpeg file returns:
Error: Please only upload jpg files! Your content type is
Please go back and try again.
Hi Andrew, thanks for that great plugin! Could you please write here the piece of code I should use to show the photo of a post author on single.php page? Thanks in advance.
I get this error when trying to upload a .jpg image:
“Error: Please only upload jpg files! Your content type is
Please go back and try again.”
Any ideas?
Sorry, I had forgotten to make the change to profile.php
It’s working as it should, my mistake.
After using this for a while, I realized that since it runs your function every time you update your profile, when I go into the profile just to change some other field but not to update my picture, it still tries to upload something and I get an error because it’s not jpg or jpeg. Can something be written in there to test for a blank field or perhaps a checkbox the user checks everytime you wish to upload a new picture?
I just wanted to echo the request for some examples of code that will display the user’s photo on an author template, or in the sidebar. Also, I am curious if this could be used in the comments to display the photo next to an author’s comment. Kind of like the gravatar stuff. Thanks in advance.
If anyone is interested, this is what I got to work on an author profile template:
<img src="<?php echo get_bloginfo(’url’)."/wp-content/images/".$curauth->user_login; ?>.jpg?rand=<?php echo rand(); ?>" height="100" align="right" />
I am still trying to get it to work in the comments…
To get this to work in the comments, you can use this plugin:
http://inner.geek.nz/archives/2005/01/12/wp-plugin-official-comments/
Once you have this installed you could put this code in your comments template:
<?php
if(is_wpuser_comment() != 0) {
echo "<a href=’http://www.yourblogaddress/author/".comment_wpusername()."’><img
src=’http://www.yourblogaddress.com/beta/wp-content/images/".comment_wpusername().".jpg’
echo rand(); height=’100′ width=’100′ alt=’User Photo’ align=’left’ /> </a> "; } ?>
Not knowing a lick of php, I surprised myself that I could make this work…
I just realized that I have the same problem as Gilbert with the error when I try to update anything on my profile without putting anything in the upload photo field. Has anyone found a solution to this problem?
Hey all,
I just want to let you know that I am here and reading your comments. I been really busy with school and what not, but I have a break in about two weeks. I’m hoping to take a look at the code then.
-Ferg
I was also looking for a way to prevent the error message if I did an update without including another upload image. So I included a parent if statement to see if the file type is null, in which case it will not execute the upload.
I also added a ‘chmod’ command to set the file permissions once the file is uploaded, since i was having trouble with this the way my server is configured.
[html]
if ( $_FILES['photoUpload']['type'] != “” ) { if(($_FILES['photoUpload']['type'] == “image/jpeg”) || ($_FILES['photoUpload']['type'] == “image/jpg”) || ($_FILES['photoUpload']['type'] == “image/pjpeg”)) { move_uploaded_file($_FILES['photoUpload']['tmp_name'], ABSPATH.”/images/”.$userdata->user_login.”.jpg”);
chmod(ABSPATH.”/images/”.$userdata->user_login.”.jpg”, 0644);
}
else
//die(”error: “.$_FILES['photoUpload']['error']);
die(”Error: Please only upload jpg files! Your content type is
".$_FILES['photoUpload']['type'].”Please go back and try again.”);}
[/html]
I hope this helps.
Kevin, That sounds like just what is needed, but I can’t seem to get it too work. Where in the plugin should this code go?
Hi, the modification needs to go in the fergcorp_addUserPhoto_updateField function. I’ve created a modified and commented one that can be downloaded here: http://www.kef.ca/public/fergcorp_addUserPhoto_kefmod.zip
I’ve actually imbedded the code into my own code as I wanted to create a separate admin page for additional profile information and I wanted the picture to appear on that page.
Kevin.
Kevin,
That worked perfectly. Thanks so much for your help!
I forgot to include the chmod command in the zipped version. I’ve added it: http://www.kef.ca/public/fergcorp_addUserPhoto_kefmod.zip
Kevin
[...] From RenegadeLatinoWiki Jump to: navigation, search [edit] Wordpress Plugins Ultimate Tag Warrior 3 Usermeta Userextra User Photo fgallery: Probobly best used for hosting images on the same server/site. Page Restriction Static Front Page [edit] Get Paid for Blogging ReviewMe Blogitive Retrieved from “http://wiki.renegadelatino.com/index.php?title=Blogging” [...]
Thank you for the plugin.
In Kevin’s last ZIP, the wp-content folder is missing in the path.
[html]
//Change this line chmod(ABSPATH.”/images/”.$userdata->user_login.”.jpg”, 0644);
//for this one:
chmod(ABSPATH.”/wp-content/images/”.$userdata->user_login.”.jpg”, 0644);
[/html]
Andrew Ferguson dot NET » Blog Archive » Adding User Photo to WordPress User Profile
Thanks for the plugin, but I cannot seem to get it to work.
I get an error whenever I try to upload my image:
Warning: move_uploaded_file(/home/peoriapu/public_html/blogpeoria//wp-content/images/peoriap.jpg) [function.move-uploaded-file]: failed to open stream: No such file or directory in /home/peoriapu/public_html/blogpeoria/wp-content/plugins/fergcorp_addUserPhoto.php on line 61
Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to move ‘/tmp/phpeojTv7′ to ‘/home/peoriapu/public_html/blogpeoria//wp-content/images/peoriap.jpg’ in /home/DELETED/public_html/blogpeoria/wp-content/plugins/fergcorp_addUserPhoto.php on line 61
Warning: Cannot modify header information - headers already sent by (output started at /home/DELETED/public_html/blogpeoria/wp-content/plugins/fergcorp_addUserPhoto.php:61) in /home/DELETED/public_html/blogpeoria/wp-includes/pluggable-functions.php on line 272
Sigh.
Nevermind.
I added “/images” file to wp-content.
sorry for a stupid question, I’m just bit lost on this one. how can I load the updated image? fex in to the author sidebar?
[...] its present state this plugin makes use of the Author Image Plugin by Andrew Ferguson, and the Author Profile Widget that Ergate [...]
hi all, how do i show profile image on post pages?
plz help…
Fantastic plugin…….. Have made a slight change so that as admin on the edit-user screen I can upload the image for them as I want to have all my images same size on the member profile list page.
I would really appreciate it if someone could now tell me how to incorporate shrink-image to one size into this plugin as a user could and will try to upload a 12×10 photo, etc… I’ve looked at WP shrink_dimensions code but don’t know exactly how to incorporate it.
Thanks in advance.
Cancel that help on shrink image.. Worked it out..
Thanks.
Martin: How did you make the images the same size? I’ve tried the obvious ” height=”100″ width=”100″ ” in the plugin code, but I don’t think that’s resizing anything.
Andrew: Thank you so much for this plugin! I finally have a way to let users/members upload their own photo!
Does anyone know for Wordpress MU, how you can display the 10 most recent profile pictures on the main page of the site? not the bloggers site, but the main site (ie: yoursite.com, not blogger.yoursite.com). I want to have a “Newest Members” section on the main page, but can’t figure this out.
Any help is appreciated.
Thanks,
Mike
Hi,
i’m looking exactly for the meme code with Mike Smith, if someone tell us how sole this problem, it will be very apreciated.
regards
contigo
istanbul design office turkiye
Mike: If you figure it out, I’d love to know, too. My first thought would be just a category called “Newest Members” with (regular WP) posts that you could customize with their photo, some info, etc. Of course, that’s probably not automated either … anyway, just a thought.
I think if you have a space in the name of the file then that gives you an err. I just renamed my .jpg to a std 8.3 file name and it worked for me.
I want to show a page where I can display the author photo and his ‘About yourself’ information. any help is greatly appreciated.
Thanks.
Hi. My problem is that I can’t properly edit my /wp-admin/profile.php file. It’s only 20 lines long. If you can tell me where the edit I’m supposed to make belongs, I’ll be ready to go on to the next issue. For reference, the file looks like this:
?php
/**
* User Profile Administration Panel.
*
* @package WordPress
* @subpackage Administration
*/
/**
* This is a profile page.
*
* @since unknown
* @var bool
*/
define(’IS_PROFILE_PAGE’, true);
/** Load User Editing Page */
require_once(’user-edit.php’);
?>
(and thanks for your time. I’m sure the plugin is wonderful.)
You will need to edit the file user-edit.php in line 182. When editing, keep your ‘action’ part blank so your line should look like this:
[code language="php"]
Code does not show… There you go:
Not sure how to show the code…
There’s an issue with the current plugin that I use to post code in the comments. If you email the code to me, I can put it up manually. Sorry for the hassle.
can you email me the code as well??
I’ve updated GiladG’s original comment with the code he sent me. I’ve also posted this other bit. Thanks for putting up with the situation until I can get it resolved!
From GiladG:
Another issue that I ran into with the plugin and was going to post a solution code was that when updating the profile page one must upload a picture each time because if no picture was included the update script would die saying ‘Please only upload jpg files!’. What I did to fix it was wrap the image processing portion with an IF so if a file was not uploaded the processing portion would be disregarded. So this is what it looks like now (blue is my addition (Editors note: just line one of the code)):
[php]
if (is_uploaded_file($_FILES['photoUpload']['tmp_name'])) {
if(($_FILES['photoUpload']['type'] == “image/jpeg”) || ($_FILES['photoUpload']['type'] == “image/jpg”)){
move_uploaded_file($_FILES['photoUpload']['tmp_name'], ABSPATH.”/wp-content/images/”.$userdata->user_login.”.jpg”);
}
else
//die(”error: “.$_FILES['photoUpload']['error']);
die(”
Error: Please only upload jpg files! Your content type is
".$_FILES['photoUpload']['type'].”Please go back and try again.
“);
}
[/php]
Either way, you made my life a whole lot easier with this plugin. Never thought it would be so easy to implement the upload. Thank you for that!
Thanks Andrew.
Quick note, since the colors I had in my email do not show here, only the first line (IF STATEMENT) and the last line (CURLY BRACKET) are my addition. The rest is a part of the original code.