Tutorial: How to make an Image Upload and Thumbnailer Script PHP

April 8th, 2008 by VoiDeT | Posted in PHP | With 8,988 views | Word Count: 535 |

In this tutorial we will make a thumbnailing script using PHP. The script will allow your users to upload their images using a html form, and then be shown the thumbnail and a link to the file on completion. Also the user will be able to specify a max height or width if they want to.

Demo: http://www.jotlab.com/tutorials/thumbtutorial/thumb.php

*Thats right you can host images on my website. But i have edited my code to make the maximum size no greater than 300 pixels*

So start off with. Make a directory on your webserver, call it whatever you want....See if i care. Once you have done this make more folders in this folder you made called thumbs and tmp, chmod them both to 777. To chmod you go: right click chmod/properties/get info.... one of the three. This makes the directories writeable, readable and executable; so you can upload and mangle your files up. Next make a file in this new directory called thumb.php. This will be both our workhorse and our html displayer. So, we have done 3 steps. Congrats!

Now lets open up thumb.php and add in the HTML code. This sets us up with an interface for our users to upload their shiney images.

So i will explain. Line one states that this is a form. It gives it a name, says that the data is to be communicated via the POST gateway and that the encoding type allows files. The other fields are the file, which accepts user input of files, max dimensions and a nice button to click to upload the information.

Next lets get onto some PHP stuff.

In this tutorial we will make a thumbnailing script using PHP. The script will allow your users to upload their images using a html form, and then be shown the thumbnail and a link to the file on completion. Also the user will be able to specify a max height or width if they want to.

Demo: http://www.jotlab.com/thumbtutorial

*Thats right you can host images on my website. But i have edited my code to make the maximum size no greater than 300 pixels*

So start off with. Make a directory on your webserver, call it whatever you want....See if i care. Once you have done this make more folders in this folder you made called thumbs and tmp, chmod them both to 777. To chmod you go: right click chmod/properties/get info.... one of the three. This makes the directories writeable, readable and executable; so you can upload and mangle your files up. Next make a file in this new directory called thumb.php. This will be both our workhorse and our html displayer. So, we have done 3 steps. Congrats!

Now lets open up thumb.php and add in the HTML code. This sets us up with an interface for our users to upload their shiney images.

So i will explain. Line one states that this is a form. It gives it a name, says that the data is to be communicated via the POST gateway and that the encoding type allows files. The other fields are the file, which accepts user input of files, max dimensions and a nice button to click to upload the information.

Next lets get onto some PHP stuff.