Referencing uploaded files in Drupal templates can be problematic - Drupal provides a link to the file in it's own format:
public://my-file-name.jpg
This isn't very useful when you need to display the image, since you can't use the public://
link directly. However! You can use the built-in Drupal method file_create_url()
to generate a usable path (in this example, I'm getting the file URI by accessing the relevant field in the $node variable):
// this is the public:// link which Drupal provides
$img_src = $content['field_articles']['#object']->field_articles[$language][$i]['entity']->field_image[$language][0]['uri'];
// convert the link into a usable path
$image = file_create_url($img_src);
This results in
http://www.example.com/path/to/my-file-name.jpg
Sorted.