What cause my 404 error for my user_picture thumbnail in template file? [duplicate]

Question

I want to print user_picture thumbnail in my page template. I am using the following code in hook_preprocess_html() in my .theme file.

$user = user_load(\Drupal::currentUser()->id());
$style = entity_load('image_style', 'thumbnail');
$variables['user_picture'] = $style->buildUrl($user->get('user_picture')->entity->url());

It's generating a URl but it is showing 404, what could be wrong here?

Answer 1

In hook_preprocess_html() add the following code.

  $user = user_load(\Drupal::currentUser()->id());;
  $variables['user_pic'] = $user->user_picture->entity->uri->value;

In your template file use code similar to the following one.

 <img width="62" height="62" class="image-responsive img-circle" src="{{ file_url(user.pic) }}" />

If you want to apply an image style, use the following code in hook_preprocess_html().

$variables['user_pic'] = ImageStyle::load('thumbnail')->buildUrl($user->get('user_pic‌​ture')->entity->uri-‌​>value);

In the template file, use the following.

 <img src="{{ user.pic }}" />

Answer 2

First you have to load your file. In Drupal 8 everything is based on entities, and so are files. Loading a file is the same as loading a node.

$file = File::load($fid);

If your file is valid, you can start by building the render array for the image. In the showed example, "thumbnail" is the used image style.

$variables = array(
  'style_name' => 'thumbnail',
  'uri' => $file->getFileUri(),
);

// The image.factory service will check if our image is valid.
$image = \Drupal::service('image.factory')->get($file->getFileUri());
if ($image->isValid()) {
  $variables['width'] = $image->getWidth();
  $variables['height'] = $image->getHeight();
}
else {
  $variables['width'] = $variables['height'] = NULL;
}

$logo_render_array = [
  '#theme' => 'image_style',
  '#width' => $variables['width'],
  '#height' => $variables['height'],
  '#style_name' => $variables['style_name'],
  '#uri' => $variables['uri'],
];