Ad:

PHP Discussion Thread
Unsolved
Views: 10516

Jan 2nd, 2007

-1

How to replace missing images with default image

Expand Post »

Is there a way to detect missing images and redirect them to a static image?

Basically if I had an image that I was displaying from a different site (with permission), and that image were removed, is there a way I can default that image to a default .gif? I have tried PHP getimagesize, but to do that multiple times per page REALLY slowed things down.

Is there a better way? The only other thing I could think of was to create a background image of the default gif, load the images on top of the background, and use blank alt text so that if the image I'm trying to load doesn't exist, just the background default image will show, but this won't work very well, as sometimes the background image would show through as the size of the images are variable.

Thanks in advance

Similar Threads

Random Images on Refresh in JavaScript / DHTML / AJAX
Canvas and Layered Images in Python
setTimeout prevents resetting of image in JavaScript / DHTML / AJAX
Mouse over buttons on .js file? Urgent-help in JavaScript / DHTML / AJAX

ultranet

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

9 posts
since Nov 2006

Permalink

Jan 2nd, 2007

Re: How to replace missing images with default image

Maybe use something in javascript along the lines of:

PHP Syntax (Toggle Plain Text)
function validateImage(url){
  var img = new Image();
  img.src = url;
  return img.height>0;
}
function validateImage(url){
  var img = new Image();
  img.src = url;
  return img.height>0;
}

which should return true if the image exists (i.e. height is greater than 0). This might fail if the image takes time to load, so test a lot. You might be able to mitigate this by running your validation function using the body onload event. And in this case, you should be able to avoid the image loading lag, because your browser would have cached the image and the height would be readily available. Hmm, so something like:

PHP Syntax (Toggle Plain Text)
function replaceMissingImages(){
  for (var i=0; i<document.images.length; i++){
    img = new Image();
    img.src = document.images[i].src;
    if (img.height == 0)
      document.images[i].src = 'mydefault.jpg';
  }
}
function replaceMissingImages(){
  for (var i=0; i<document.images.length; i++){
    img = new Image();
    img.src = document.images[i].src;
    if (img.height == 0)
      document.images[i].src = 'mydefault.jpg';
  }
}

Alternatively, you can do an XMLHTTPRequest to the image, to get the return code (I think you can use some kind of HTTP HEAD instruction to avoid actually requesting/retrieving the entire image). 404 would indicate a missing picture, 200 it's good, 304 it's not modified if you use the right headers, etc.. There are plenty of pages where they have these codes available..

MCP

Reputation Points: 14

Solved Threads: 3

Light Poster

Offline

44 posts
since Sep 2006

Permalink

Jan 3rd, 2007

Re: How to replace missing images with default image

Thanks a lot for information code, I got it right now:lol:

ultranet

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

9 posts
since Nov 2006

Permalink

Nov 17th, 2009

It is working however?

The function you stated is working, i put a little twist on it to get it to work..

PHP Syntax (Toggle Plain Text)
function replaceMissingImages(){
  for (var i=0; i<document.images.length; i++){
    img = new Image();
    img.src = document.images[i].src;
    if (img.height == 0) {
      document.images[i].src = '/images/no-image.jpg';
    }
function replaceMissingImages(){
  for (var i=0; i<document.images.length; i++){
    img = new Image();
    img.src = document.images[i].src;
    if (img.height == 0) {
      document.images[i].src = '/images/no-image.jpg';
    }

1 problem as you stated the delay of the images loading is telling the script hey these images are not here and we need to replace them before giving the image time to load.. How can I add a delay to the function so it doesnt start until the end of the page loading?

Last edited by nav33n; Nov 17th, 2009 at 11:46 am. Reason: Use [code] tags to wrap your code for better readability.

romeo0830

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Nov 2009

Permalink

Nov 17th, 2009

Re: How to replace missing images with default image

Try to call the function at the end of the script.

PHP Syntax (Toggle Plain Text)
<?php "<script type="text/javascript">replaceMissingImages()</script>"; ?>
<?php "<script type="text/javascript">replaceMissingImages()</script>"; ?>

Manuz

Reputation Points: 12

Solved Threads: 24

Junior Poster

Offline

122 posts
since Oct 2008

Permalink

Nov 17th, 2009

-1

Re: How to replace missing images with default image

Here's my two-penneth worth. If JS not on - problems with JS solution. WHat about file_get_contents?

The reason I suggest this is that the display of the page if using JS is at the mercy of the client's (user's) settings. The following should work regardless as it is processed on the server (although you may need full control of your php.ini file).

$file is the image to check (from DB value I take it)

PHP Syntax (Toggle Plain Text)
  if( false == ($str=@file_get_contents('$file',NULL,NULL,0,1))){
    echo "<img src=\"$default_file\" ...other_attributes... />";
  }else{
    echo <img src=\"$file\" ...other_attributes... />";
  }
  if( false == ($str=@file_get_contents('$file',NULL,NULL,0,1))){
    echo "<img src=\"$default_file\" ...other_attributes... />";
  }else{
    echo <img src=\"$file\" ...other_attributes... />";
  }

The parameters for file_get_contents (0 and 1) relate to start at character 1 and read 1 character - so you're not reading the whole file - should save time - should be quick.

The '@' is required to surpress errors.

CAVEAT - if allow_url_fopen is set to false (0) - this will not work, if you have access to your php.ini file, turn allow_url_fopen on. The alternative would be to use cURL, but I assume this would be sloooooow.
?>

***
Linking to remote images may be asking for trouble. If this is an "avatar"/"profile" type image, perhaps it would be better if users could upload their image (which could be resized via GD2 or ImageMagick library) and the filename stored in a db.

Last edited by ardav; Nov 17th, 2009 at 2:56 pm.

ardav

Sponsor

Featured Poster

Reputation Points: 1054

Solved Threads: 949

Sarcastic Poster

Offline

6,700 posts
since Oct 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in PHP Forum Timeline: passing jquery values to php variables

Next Thread in PHP Forum Timeline: php/mysql multiple tables query help :(

DaniWeb Message

Cancel Changes

User Name
Password