fetch_image.php?

fatepower

Hi 🙂

I have seen somewhere a script called fetch_image.php. I cant find it on google after many times of searching, its a simple script for loading images as:

<img alt="Home" src="./images/overlay.gif" title="Home" style="background-image: url(fetch_image.php?content=menu&image=home&type=gif); background-repeat: no-repeat; background-position: center top; width: 32px; height: 32px; cursor: pointer;"/>

This script will also use (Example):

<body onload="MM_preloadImages('fetch_image.php?content=menu&image=home&type=gif','fetch_image.php?content=menu&image=browse&type=gif','fetch_image.php?content=menu&image=requests&type=gif','fetch_image.php?content=menu&image=dox&type=gif','fetch_image.php?content=menu&image=upload&type=gif','fetch_image.php?content=menu&image=forum&type=gif','fetch_image.php?content=menu&image=top10&type=gif','fetch_image.php?content=menu&image=users&type=gif','fetch_image.php?content=menu&image=staff&type=gif','fetch_image.php?content=menu&image=log&type=gif','fetch_image.php?content=menu&image=faq&type=gif','fetch_image.php?content=menu&image=rules&type=gif','fetch_image.php?content=menu&image=links-page&type=gif')">

JS:

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

This will protect users from taking the file from the server. Also preloading them.

Well it would be great if someone could help me with the fetch_image.php.

Cheers

bpat1434

Well, fetch_image does nothing more than use [man]file_get_contents/man to the specified image file, and then sends the correct Content-Type header and then echos out the result of the [man]file_get_contents/man file. In it's most basic form it's:

<?php

$root = $_SERVER['DOCUMENT_ROOT'].'/images/';
$folder = $_GET['content'];
$file = $_GET['image'];
$ext = $_GET['type'];

$image = file_get_contents($root.$folder.'/'.$file.'.'$ext);

switch($ext)
{
    case 'gif':
        $ct = 'image/gif';
        break;

case 'jpg':
case 'jpeg':
    $ct = 'image/jpg';
    break;

case 'png':
    $ct = 'image/png';
    break;
}

header('Content-Type: ' . $ct);
echo $image;
exit;

But that all depends upon your file structure, and how you're relating the URL to the image files (via DB or just using a "flat-file" type of system).

Where you use the image doesn't matter, because your script is just sending the data of the image like requesting a regular image.

On a side note...

Using this method will not actually stop people from "stealing" your images. All they have to do is right-click on the image you want, click "View Image", and then right click on that image and click "Save As ...".

That's the process of doing it in Firefox. Sorry to burst your bubble 🙁

Oh, and also some really good CSS and image creation will effectively eliminate your "preloading" images issue(s). For example, if you take a look at my dev layout site and scroll over the "Home" or "About Us" link bar, you'll notice a blue block show up behind it. This Also, the green block under the Home text. Interestingly enough, it's one image, and there's no "preloading" done. The image is at: http://area51.pattersonws.com/images/nav_bg.gif. When I scroll over the link, all I do is move the background-image into a different position. Simple css, simple image design, and there you have it.

fatepower

Thank you for the fast reply,
well if u add so the users can't direct access the fetch_image.php (only server related access, is approved). The users shouldn't be able to save the image.
About the .css sounds interesting, well can you tell me more about it? Didn't really get the point over how you did preload it 😛

EDIT:
I runned the script but getted error on this line:

$image = file_get_contents($root.$folder.'/'.$file.'.'$ext);

Parse error: syntax error, unexpected T_VARIABLE in /home/bits/public_html/fetch_image.php on line 14

EDIT2:

Nvermind i got it worked, i just have one question. Is it posible to scale the image in fetch_image.php? Because the images are too big now. Hard work to convert them all in PS. If you scale them in just img src it works fine but i use them as background and the image doesn't get scaled in real size just the box who are echo the image get in 32px.

bpat1434

well if u add so the users can't direct access the fetch_image.php (only server related access, is approved). The users shouldn't be able to save the image.

I've never tried this; however, I have a feeling it won't work. For everything in the HTML, the browser does a request for. So fetch_image.php will have a request from the user to get a specific image. I'm not sure, but about the only thing you could do is check the http header REFERER to see if it's coming from your site; however, it may not be set, as not all browsers will send this.

Nvermind i got it worked, i just have one question. Is it posible to scale the image in fetch_image.php? Because the images are too big now. Hard work to convert them all in PS. If you scale them in just img src it works fine but i use them as background and the image doesn't get scaled in real size just the box who are echo the image get in 32px.

It is possible to scale the image; however, do note that large images can take up massive amounts of memory, and may in fact make your system come to a halt 🙁 So you might want to just scale most by hand (say to a max of like 800x600) just to conserve memory. But there are ways to do it, and if you search the board, you'll find the code.

fatepower

Thanks for the reply, i might only add a code so when the users a really visit the .php file. They see a error msg but when they request the pic for index they see the pic. I think you get it.

Anyway i tried the search but couldn't find anything helpful about scaleing. Its more that i want to add a fetch_image.php?do=scale&content=menu&image=home&type=gif. As the do scale tells to go to a specific part in fetch_image.php. In that part it only scale some pixs to 32px*32px. Hope you understand what i mean 🙂

Cheers

bpat1434

Use google. I know there are plenty of "proportional image resize" scripts out there 😉

fatepower

Yea probably it will be mate 🙂 Anyway thanks for all help. Your great.

Cheers