Render user picture programmatically with image style

By ykyuen on 2 Feb 2012 at 12:10 UTC

Hi all,

i could get the user picture by the following code

  $user = user_load($uid);
  print theme('user_picture', array('account' =>$user));

this will render the default user picture size. is there anyway i can apply my own image style(imagecache) on it?

Thanks.

Regards,
Kit

Comments

Try this code,print

findmashmind commented 2 February 2012 at 12:20

Try this code,
print theme('user_picture', array('account' =>$user,'style_name' => 'content_highlighter'));

Replace "content_highlighter" with your image style name.

thanks. but this does not

ykyuen commented 2 February 2012 at 13:15

thanks. but this does not work.

You need to get the uri of

tecjam commented 2 February 2012 at 12:25

You need to get the uri of the picture.
That should be:

$user->picture[0]['uri']

Then use the image_style_url (http://api.drupal.org/api/drupal/modules--image--image.module/function/i...) to get the full path to the image to a specific imagecache preset.

You could define the thumbnail style like this maybe:

// name of the imagecache preset found at /admin/config/media/image-styles
$THUMBNAIL_STYLE = 'thumbnail'; 


// now get the full image url from the uri and the style
$default_thumbnail = image_style_url($THUMBNAIL_STYLE, $user->picture[0]['uri']);

Now you can print it using
<img src="<?php print $default_thumbnail; ?>" />

i am using gravatar

ykyuen commented 2 February 2012 at 13:16

i am using gravatar integration so i could not get the image path.
is there any other way to get the user picture with style?

So you are using external

tecjam commented 2 February 2012 at 13:19

So you are using external images?

Maybe try http://drupal.org/project/imagecache_external

Thanks. it works for gravatar

ykyuen commented 2 February 2012 at 13:36

Thanks. it works for gravatar now after using imagecache_external. here is a sample code. i can get the path using the gravatar_get_gravatar()

  $user = user_load($uid);
  print theme('imagecache_external', array('path' => gravatar_get_gravatar($user->mail), 'style_name'=> '<style_name>'));

is there an option that will

mototribe commented 25 February 2012 at 22:16

is there an option that will also include the correct width and heights from the style?

the width and height are set

ykyuen commented 15 June 2012 at 06:57

the width and height are set in the image style

A slight change

RoastBeats commented 15 June 2012 at 00:36

I don't know if this will help anyone or if it was just for my use case, but I ended up having to make a slight tweak in the second parameter of the image_style_url, switching:

user->picture[0]['uri']

to this:

user->picture->uri

For finding the correct

tecjam commented 26 July 2012 at 15:07

For finding the correct combination to grab your image(s) the devel module is simply invaluable! =)

Thanks for your reply, this

kari.nies commented 24 September 2012 at 22:09

Thanks for your reply, this was very helpful. However I found that it did not cause the images to get regenerated into the cache. Using theme fixed my problem:

echo theme('image_style', array('style_name' => 'Large', 'path' => $user->picture->uri));

Profile Default Image

youan commented 28 September 2012 at 10:18

This works great.

However I am having an issue getting it to display the default profile image if one has not been added for the user.

as
$user->picture
is null.

It throws a horrible error
Notice: Trying to get property of non-object in include()

Any ideas how to combat this so that it displays the default image.

Many Thanks

You could add a simple check,

tecjam commented 2 October 2012 at 12:25

You could add a simple check, eg:

if(isset($user->picture) && $user->picture != '') {
 ... output user image
} else {
 ... output placeholder image
}

Thanks tecjam, that's the method I ended up using.
I had wondered whether there was a way of having the theme function fall back to the default profile picture, if you told it you were theming a profile picture.

This is what worked for me

paultrotter50 commented 15 July 2013 at 15:35

After a lot of struggling with this I place this code in my node--article.tpl.php template and it worked fine.

	$user = user_load($uid);
	echo theme('image_style', array('style_name' => 'staff_blog-post', 'path' => $user->picture->uri));

To achieve this in a Drupal way!

rishi.kulshreshtha

he/him/his

English

ME, 🇺🇸

commented 10 April 2014 at 10:02

Hi Kit,

You can surely achieve this in a Drupal way using the following code, I've tried to mention as much as reference I can provide in the code with the help of comments.

// Defining $user in global.
global $user;

// Condition to check whether user is logged in.
if ($user->uid) {
  $user = user_load($user->uid);
  print theme(
    'image_style', // The magic function image_style() for more detail you can check this link https://api.drupal.org/theme_image_style
    array(
      'style_name' => 'thumbnail', // You can choose your own style here from admin/config/media/image-styles
      'path' => !empty($user->picture->uri)?$user->picture->uri:variable_get('user_picture_default'),
      'attributes' => array(
        'class' => 'avatar' // Your custom class for the <img> tag can be defined here.
      )
    )
  );
}

Cheers!

I could only see the user picture, but no default picture

maen commented 15 June 2014 at 15:14

Here my solution that works for me:

$output = '<div class="last_active_users_gen">';

I took the user object with db_query ...
and then:

foreach ($results as $record) {// loop for each user I took
            //load each picture and name
            $user_name = $account->name;
            $user_picture = $account->picture;
            if(isset($user_picture)){
            $file = $user_picture->uri;
                $variables= array(
                  'style_name' => 'crop_100',// my image cache
                  'path' =>"$file",
                  'alt' => $user_name,
                  'title' => $user_name,
                  'width' => '50px',
                  'height' => '50px',
                  'attributes' => array('class' => 'some-img', 'id' => 'my-img'),
             );
                $img = theme('image_style', $variables); // here the first part of the if condition Rishi wrote in the array
            }
            else{
                $variables= array(
                 // 'style_name' => 'crop_100', -> no stylename so default works
                  'path' => "sites/default/files/user.png" ,
                  'alt' => $user_name,
                  'title' => $user_name,
                  'width' => '50px',
                  'height' => '50px',
                  'attributes' => array('class' => 'some-img', 'id' => 'my-img'),
             );
                $img = theme('image', $variables); // here the default without image_cache
            }
            
            $output .= '<div class="last_active_users"><div class="last_active_users_img">';        
            $output .= $img.'</div><p class="last_active_users_title">';
            $output .= $user_name.'</p></div>';
            }
            $output .= '</div>';

Another way to get the default

Bensbury commented 26 January 2015 at 03:03

Another way to get the default picture with less conditionals is to make the background of the div that contains the user picture the default image in CSS.
Then if the image is absent, it does not render but the background image is shown.
If it renders the background image is covered.

In your template.php

rishi.kulshreshtha

he/him/his

English

ME, 🇺🇸

commented 28 January 2015 at 13:29

In your template.php

function YOURTHEMENAME_preprocess_page(&$variables) {
  global $user;
  $user = user_load($user->uid);
  $variables['user_image'] = theme(
    'image_style', array(
      'style_name' => 'thumbnail',
      'path' => !empty($user->picture->uri) ? $user->picture->uri : variable_get('user_picture_default'),
      'attributes' => array(
        'class' => 'your-desired-class-name',
      ),
    )
  );
}

This should go in your .tpl.php file
global $user; if ($user->uid):
echo $user_image;
endif;

Just override user picture style variable.

chi commented 3 May 2016 at 10:54

$user_picture_style = $GLOBALS['conf']['user_picture_style'];
$GLOBALS['conf']['user_picture_style'] = 'mini';
theme('user_picture', array('account' => $account,'style_name' => 'mini')),
// Return original style in case there are some other user pictures on the page.
$GLOBALS['conf']['user_picture_style'] = $user_picture_style;

________________________
Override, don't change!

Render user picture programmatically with image style

Comments

Try this code,print

thanks. but this does not

You need to get the uri of

i am using gravatar

So you are using external

Thanks. it works for gravatar

is there an option that will

the width and height are set

I did it like this

A slight change

For finding the correct

Thanks for your reply, this

Profile Default Image

You could add a simple check,

Thanks tecjam, that's the

This is what worked for me

To achieve this in a Drupal way!

I could only see the user picture, but no default picture

Another way to get the default

In your template.php

Just override user picture style variable.

New forum topics

News items

Our community

Documentation

Drupal code base

Governance of community