hi guys, i want to include the icon of the type of file am uploading, is that possible????

Member Avatar


Yes. You need to create loads of icons for each type of file and a blank one for all filetypes not covered. There are loads of free icons out there you can get hold of and chage to your requirements. Be careful - some require a licence or forbid you to use them on a public site.

You can apply the icon to the file via php and css.

1) Copy the file extension from the filename.
2) Paste the extension into a classname for the <li> or whatever you're using to show the filename.
3) Use CSS to indent the text and show a particular image. If the whole thing is made into a download link, you could even create a rollover sprite for the icon, but that's another thing.

$xpos = strpos($filename,'.'); //you'll need to check that this isn't 0
$xpos = $xpos + 1; //this shifts the position along one place
$xt = substr($filename,$xpos); //this reads the extension for the specified position

echo "<li class=\"ext {$xt}\">{$filename}</li>";  //your html output

the css is easy:

   text-indent: 20px;

  background: url(/myimages/js.gif) no-repeat;
  background: url(/myimages/doc.gif) no-repeat;
  background: url(/myimages/xls.gif) no-repeat;

etc. etc.

ah thanks sir, so meaning i should one by one filter the file being uploaded then classify it to what type of file is it? thanks sir..

Member Avatar


You should ALWAYS filter uploads. You won't be able to use my solution unless the file is actually uploaded to a specified folder.