HTML code to upload images

Copy the below codes and save it as upload.php or anything.php (note it should be saved as php extension and should be run on apache server or any server supporting php).

<?php if(isset($_REQUEST['submit'])) { $filename= $_FILES["imgfile"]["name"]; if ((($_FILES["imgfile"]["type"] == "image/gif")|| ($_FILES["imgfile"]["type"] == "image/jpeg") || ($_FILES["imgfile"]["type"] == "image/png") || ($_FILES["imgfile"]["type"] == "image/pjpeg")) && ($_FILES["imgfile"]["size"] < 200000)) { if(file_exists($_FILES["imgfile"]["name"])) { echo "File name exists."; } else { move_uploaded_file($_FILES["imgfile"]["tmp_name"],"uploads/$filename"); echo "Upload Successful . <a href='uploads/$filename'>Click here</a> to view the uploaded image"; } } else { echo "invalid file."; } } else { ?> <form method="post" enctype="multipart/form-data"> File name:<input type="file" name="imgfile"><br> <input type="submit" name="submit" value="upload"> </form> <?php } ?> 

And you should create two folders("uploads" and "tmp") in the parent directory (Where the script executes).

Now your upload script is ready. It's simply an upload script with which you can upload one image at a time.

Here's a good, basic start using PHP: http://www.w3schools.com/php/php_file_upload.asp

In order to get a list of files in a directory (assumes the file path is known ahead of time) you can do something like this:

$filePath = $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'uploads'; $files = scandir($filePath); 

If you wanted to filter this down to look for image files you could use something like this:

$filePath = $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'uploads'; $files = scandir($filePath); $imageFiles = array_values(preg_grep('/^.*?\.((gif)|(png)|(jpe?g))$/', $files)); 

And for a good guide on uploading the files you can check out http://www.exchangecore.com/blog/how-upload-files-html-php/