I’m attempting to render images from a protected folder under the Yii hierarchy. Has anyone successfully done this?
Setup:
Images are stored in: webroot.protected.upload.images. Would like to display images from a controller view.
It would be great (if possible) to render images via the html tag “img src=” (or equivalent) as I’m trying to display multiple images formatted nicely with other html on one page.
My research here on Yii turned up CAssetsManager which I would like to avoid because the images are not protected once published (from my understanding):
The most common response I’ve discovered is to use readfile(), but I am having no luck in getting it to work. The methods I’ve tried via readfile() are:
Created a controller function called from a view using CController::forward. No luck.
Created a ‘lone’ php file in the same directory as the view file. I could not get this to work.
Created a component, registered it and called it from the view. That seems to be the most promising route, but I get the error: "The image cannot be displayed because it contains errors.". The image I have is a simple jpg.
Here is the code:
class getimg {
public function init()
{
}
public function readImage($filename)
{
$path=Yii::getPathOfAlias('webroot.protected.upload.images') . '/';
$file=$path.$filename;
if (file_exists($file))
{
header('Content-Type: image/jpeg');
header('Content-Length: ' . filesize($file));
readfile($file);
}
else
{
return "";
}
}
}
Thanks mentel, however It’s not exactly what I’m looking for. Please correct me If I’m wrong, but xSendFile will actually download the image file (instead of rendering it in the browser). I’m actually using this logic elsewhere in my application.
I’ve stumbled upon “Content-Disposition: inline”, but the results are the same. Any other clues? Is there no way to render a protected image in the browser via Yii?
element in your document, the browser will make another request for the image.
In that request, it will be downloaded and then rendered by the browser. Unless there are some HTTP headers or the MIME type is incorrect, the browser will not ask the user to save the file and everything will work.
The code is from a view containing other HTML elements (tables, lists, etc), nothing out of the ordinary. At this section of code, I’m not setting headers or MIME type. Is this incorrect?
The above code produces the error "The image cannot be displayed because it contains errors."
The xSendFile() is so wrong to be used in this context. This methods, will read a file and will append the needed headers to be DOWNLOADED not RENDERED to user.
Now, let’s recap what’s happening after the src call of the image:
The browser sees the src tag, and executes a request to get the image
the request goes to your controller that expects a param being the file name or file id.
the controller finds out the full path of the requested image
the controller reads the image and appends right headers
the controller shows the image .
See, very easy when you know what you want .
But my advice is just to put your images in a public place accessible by everyone .
Is way easier this way .
L.E:
I forgot to mention that, once your controller resolves the entire file path, you can use getimagesize() to find out the correct mime-type of the image in order to add the correct headers.
Thanks twisted1919, I actually tried this as my first approach to a solution… The result was the same, "The image cannot be displayed because it contains errors." And file_get_contents produces the same exact error. Any other ideas?
Thanks twisted1919, here is my code. I know more is needed for a dynamic $filename, but I’. merely trying to get the basics working first. The error remains the same.
Controller Action:
public function actionGetFigureImage()
{
$filename = "test.jpg";
$path=Yii::getPathOfAlias('webroot.protected.upload.images') . '/';
$file=$path.$filename;
if (file_exists($file))
{
$img=getimagesize($file);
//header('Content-Type: image/jpeg');
header('Content-Type: '.$img['mime']);
readfile($file);
}
}
Not sure that it matters, but I’ve tried assigning the controller action to a variable and nested within an img tag, same results. What am I doing wrong?
Accessing the action from the browser works using any version of the code (exit, no exit, img[‘mime’], etc). So, the question now is can the image be rendered within a view or no? From within the view, the error remains.
