PHP - Ajax File Upload Problem

I've Got here a code.. it can upload pdf file. but it doesnt accept word documents and powerpoints
And i dont know the problem.. Here's The code..

Code: [Select]
<?php
session_start();
if(isset($_SESSION['uname2'])){ 
if($_POST['lesson']!=""){
if (($_FILES["Mapfile"]["type"] == "application/acrobat") 
||($_FILES["Mapfile"]["type"] == "application/x-pdf")
|| ($_FILES["Mapfile"]["type"] == "application/pdf")
|| ($_FILES["Mapfile"]["type"] == "text/pdf")
|| ($_FILES["Mapfile"]["type"] == "application/powerpoint")
|| ($_FILES["Mapfile"]["type"] == "application/msword")
|| ($_FILES["Mapfile"]["type"] == "text/x-pdf")
&& ($_FILES["Mapfile"]["size"] < 50000))
  {
  if ($_FILES["Mapfile"]["error"] > 0)
    {
    echo "Error: " . $_FILES["Mapfile"]["error"] . "<br />";
    }
  else
    {
   
    if (file_exists("upload/" . $_FILES["Mapfile"]["name"]))
      {
echo '<script type="text/javascript">
{alert("'.$_FILES["Mapfile"]["name"] .' already exist");}
</script>'; 
echo '<meta http-equiv="REFRESH" content="0;url=uploadlesson.php">';
  }
    else
      {
      move_uploaded_file($_FILES["Mapfile"]["tmp_name"],
      "upload/" . $_FILES["Mapfile"]["name"]);
      echo '<script type="text/javascript">
{alert("File Uploaded!");}
</script>'; 
echo '<meta http-equiv="REFRESH" content="0;url=uploadlesson.php">';

$host="localhost"; 
$username="root"; 
$password="";
$db_name="dbprof";

mysql_connect("$host", "$username", "$password")or die("cannot connect"); 
mysql_select_db("$db_name")or die("cannot select DB");

$user = $_SESSION['uname2'];
$sql="SELECT * FROM registeredprof where Username = '$user'";
$result=mysql_query($sql) or die(mysql_error());

while($row = mysql_fetch_assoc($result)) 
    { 
    $fullname = $row['fullname']; 
    } 

$title = $_POST['lesson'];
$filename = $_FILES['Mapfile']['name'];

mysql_query("INSERT INTO lessondb (author, title, filename, status)
VALUES ('$fullname', '$title', '$filename', 'offline')"); 
      }
}
  }
else
  {
 echo '<script type="text/javascript">
{alert("Invalid File! ");}
</script>'; 
echo '<meta http-equiv="REFRESH" content="0;url=uploadlesson.php">';
  }
} else  {
 echo '<script type="text/javascript">
{alert("Fill out Title!");}
</script>'; 
echo '<meta http-equiv="REFRESH" content="0;url=uploadlesson.php">';
  } 
}

?> Help pls.

Hi All,

I have a code to upload a file to the server. Somehow the files don't get uploaded, although the record is add to the database.
I have no clue why it doesn't work. The settings of the folder where the docs goto is set to 777.

Code: [Select]
<?php
$uploaddir = "documents/";
$path = $uploaddir.$document;

//This function reads the extension of the file.
$allowedExtensions = array("doc", "pdf", "xls");
function isAllowedExtension($fileName) {
  global $allowedExtensions;
 return in_array(end(explode(".", $fileName)), $allowedExtensions);
}

if($document != ""){ //AS LONG AS A FILE WAS SELECTED...

//compare the size with the maxim size we defined and print error if bigger
$fsize=filesize($_FILES['document']['tmp_name']);
if (($fsize/1024) > $poidsMax*1024)
{
$msgToUser = '<br /><br /><font color="#FF0000">You exceeded the filesize limit. Document did not get posted.</font>';
    include_once 'msgToUser.php';
$errors=1;
}


if(isAllowedExtension($HTTP_POST_FILES['document']['tmp_name'])) {
if(copy($HTTP_POST_FILES['document']['tmp_name'], $path)){ //IF IT HAS BEEN COPIED...
//GET FILE NAME
$theFileName = $HTTP_POST_FILES['document']['name'];
//GET FILE SIZE
$theFileSize = $HTTP_POST_FILES['document']['size'];
if ($theFileSize>999999){ //IF GREATER THAN 999KB, DISPLAY AS MB
$theDiv = $theFileSize / 1000000;
$theFileSize = round($theDiv, 1)." MB"; //round($WhatToRound, $DecimalPlaces)
} else { //OTHERWISE DISPLAY AS KB
$theDiv = $theFileSize / 1000;
$theFileSize = round($theDiv, 1)." KB"; //round($WhatToRound, $DecimalPlaces)
}


} else { 
$msgToUser = '<br /><br /><font color="#FF0000">Ooops something went wrong.</font><p><a href="../index.php">Go Back</a></p>';
    include_once 'msgToUser.php';
$errors=1;
}

} 

}

$name = strip_tags($name, '');
$message = strip_tags($message, '');

$sql = mysql_query("INSERT INTO bulletin_board (posting_date, member_id, title, subject, picture, document) VALUES(now(),'$logOptions_id', '$name','$message', '$image_name', '$theFileName')") or die (mysql_error());


Marco

Hello,   I have the following upload script that actually worked until I tried to add file type specifications.  I can't figure out what I did wrong.  I have been piecing things together so there is no telling what is wrong.  Help me please?

<?php
$fileName = $_FILES["file1"]["name"]; // The file name
$fileTmpLoc = $_FILES["file1"]["tmp_name"]; // File in the PHP tmp folder
$fileType = $_FILES["file1"]["type"]; // The type of file it is
$fileSize = $_FILES["file1"]["size"]; // File size in bytes
$fileErrorMsg = $_FILES["file1"]["error"]; // 0 for false... and 1 for true
if (!$fileTmpLoc) { // if file not chosen
    echo "ERROR: Please browse for a file before clicking the upload button.";
    exit();
}
if ($fileType=="image/png" || $fileType=="image/gif" || $fileType=="image/jpg") // checking file type
    echo "ERROR: Only file types .png, .gif or .jpg may be uploaded";
    exit();
}
if(move_uploaded_file($fileTmpLoc, "image_uploads/$fileName")){
    echo "$fileName upload is complete";
} else {
    echo "move_uploaded_file function failed";
}
?>

Thanks.

Hello

Im trying to upload mp3s from a form.

In the form I have the MAX_FILE_SIZE set at 90000000 (so big to make sure it wasn't my maths). I have checked with phpinfo() and the max upload is set at 8mb. The mp3s will be between 3-4mb in size.

I have uploaded small mp3's successfully (440k) so i know the script is working fine, however when i try to upload one at around 3mb it fails, even tried different file sizes in the same ball park size. I suspect the server is blocking them.

Any ideas on a fix?

Thank you. No script posted as i say its all working.

Hi everybody,

I have recently change to a new server, and have some problem with a script for uploading files on my new server.
Script is an old which I have updated with new php command, <? not accepted in new server.

Scripts shall upload picture to folder in server and write information to database

From form script I am saving my upload

Code: [Select]
<input type="hidden" name="Mode" value="EditMapProperty" />
<input type="hidden" name="Old_Map" value="<?php echo $Property->Get_Map();?>" />
In my php script I do

elseif($Mode=="EditMapProperty"):  $Map_name = $HTTP_POST_FILES['Map']['name'];  $Property=new Property($PropertyID);  $ReferenceNo=$Property->Get_ReferenceNo();  if($Map!=""): $DeleteMap=$Dir_MapProperty_Admin."".$Property->Get_Map();   @unlink($DeleteMap); endif;  if($Map_name==""):    $Map=$Old_Map;  else:    copy($HTTP_POST_FILES['Map']['tmp_name'],    $Dir_MapProperty_Admin."".$ReferenceNo."-".$Map_name);    $Map=$ReferenceNo."-".$Map_name;  endif;     $Property->EditMap($Map);  //Update database information             echo "<meta http-equiv=\"refresh\" content=\"0;URL=$Redirect2?p=property_details&PropertyID=$PropertyID\">";   ()
   
Can any help if there are any PHP problem in this coding.

Kind Regards
Tom

Hi Guys,

I'm having a problem with some file upload code I wrote and I was wondering if you could help me figure out why it's not working??

Here it is;

Code: [Select]

if($_POST['photo'] == "")
$photo_update = "images/item_pictures/default_item.png";
else {
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/pjpeg"))
&& ($_FILES["file"]["size"] < 200000000))
  {
  if ($_FILES["file"]["error"] > 0)
    {
    echo "Return Code: " . $_FILES["file"]["error"] . "<br />";
    }
  else
    {
    echo "Upload: " . $_FILES["file"]["name"] ."<br />";
    echo "Type: " . $_FILES["file"]["type"] . "<br />";
    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
    echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />";

//Check image doesn't exist in first folder then uploads if doesn't.
    if (file_exists("images/item_pictures/" . $_FILES["file"]["name"]))
      {
      echo $_FILES["file"]["name"] . " already exists. ";
      }
    else
      {
      move_uploaded_file($_FILES["file"]["tmp_name"], "images/item_pictures/" . $_FILES["file"]["name"]);
      echo "Stored in: " . "images/item_pictures/" . $_FILES["file"]["name"];
      }

//Check image doesn't exist in second*admin*folder then uploads if doesn't.
if (file_exists("admin/images/item_pictures/" . $_FILES["file"]["name"]))
      {
      echo $_FILES["file"]["name"] . " already exists. ";
      }
    else
      {
      move_uploaded_file($_FILES["file"]["tmp_name"], "admin/images/item_pictures/" . $_FILES["file"]["name"]);
      $photo_update = "admin/images/item_pictures/" . $_FILES["file"]["name"];
  echo "Stored in: " . $uploaded_file;
      }

    }
  }
else
  {
  echo "Invalid file";
  }
}


Thanks in advance

Jacbey

where is the problem?
http://pastebin.com/Smw92nd5

 I'm looking for the folder where the uploaded file should be but it doesn't exist, it seems that the condition "if($ext == $need)" is ignored

This topic has been moved to PHP Installation & Configuration.

http://www.phpfreaks.com/forums/index.php?topic=307015.0

Hi im having trouble with uploading images with spaces in as they dont show up in the browser.
Here is the code:
Code: [Select]
$image = addslashes($_FILES['image']['name']);

 $target = "images/";
 $target = $target . basename( $_FILES['image']['name']);
 
  //Writes the photo to the server
 if(move_uploaded_file($_FILES['image']['tmp_name'], $target))
 {

Any help would be appreciated.

I found this code online, it works fine but i dont know where i should put the SQL statement to place the image path onto my database. Here is what i have...the SQL statement i place them at doesnt work. Any suggestions?

<?php
function resizeImg($arr){

//you can change the name of the file here
$date  = md5(time());

//////////// upload image and resize

$uploaddir  = $arr['uploaddir'];
$tempdir = $arr['tempdir'];


$temp_name  = $_FILES['photo']['tmp_name'];

//echo $temp_name;

$img_parts  = pathinfo($_FILES['photo']['name']);
$new_name  = strtolower($date.'.'.$img_parts['extension']);

$ext = strtolower($img_parts['extension']);

$allowed_ext = array('gif','jpg','jpeg','png');
if(!in_array($ext,$allowed_ext)){
echo '<p class="uperror">Please upload again. Only GIF, JPG and PNG files please.</p>';
exit;
}


$temp_uploadfile = $tempdir . $new_name;
$new_uploadfile = $uploaddir . $new_name;

// less than 1.3MB
if($_FILES['photo']['size'] <   2097000 ){
if (move_uploaded_file($temp_name, $temp_uploadfile)) {

// add key value to arr
$arr['temp_uploadfile'] = $temp_uploadfile;
$arr['new_uploadfile'] = $new_uploadfile;

asidoImg($arr);

unlink($temp_uploadfile);
exit;
}
}
else
{
echo '<p class="uperror">Please upload again. Maximum filesize is 1.3MB.</p>';
exit;
}

}


function resizeThumb($arr){

$date = md5(time());
$arr['temp_uploadfile'] = $arr['img_src'];
$arr['new_uploadfile'] = $arr['uploaddir'].strtolower($date).'.jpg';

asidoImg($arr);
exit;
}

function asidoImg($arr){

include('asido/class.asido.php');
asido::driver('gd');

$height = $arr['height'];
$width = $arr['width'];
$x = $arr['x'];
$y = $arr['y'];

// process
$i1 = asido::image($arr['temp_uploadfile'], $arr['new_uploadfile']);
// fit and add white frame
if($arr['thumb'] === true){
Asido::Crop($i1, $x, $y, $width, $height);

}
else{
Asido::Frame($i1, $width, $height, Asido::Color(255, 255, 255));
}

// always convert to jpg
Asido::convert($i1, 'image/jpg');

$i1->Save(ASIDO_OVERWRITE_ENABLED);
$data = array(
'photo'=> $arr['new_uploadfile']
  );
// echo $user_id;
// delete old file
echo $data['photo'];
}

?>

I apologize if I am using the wrong terminology here...

I am trying to take an image that is dragged and dropped and then uploading the image to a server to do other things with it. I've found very generic example(s) that can just move the file, but I need to be able to manipulate it on the server.

AJAX cut-out code:
Code: [Select]
var xhr = new XMLHttpRequest(); 
    if(xhr.upload && file.type == 'image/jpeg' || file.type == 'image/png'){
    xhr.open('POST', 'path/to/script.php', true); 
    xhr.setRequestHeader('X_FILENAME', file.name);
    xhr.send(file);
    }The above part works but when I try to manipulate it with PHP it doesn't see it as a typical $_FILES variable. Ideally I would like to get it to be like that, if not I understand I will have to change stuff. Here is my PHP that handles the above call:
Code: [Select]
<?php
$slide = new Slide();
//echo gettype($_SERVER['HTTP_X_FILENAME']); //str
$file = file_get_contents('php://input');
$image = base64_decode($file);
if($slide->add_image_to_slide($_GET['sid'],$image)){
echo 'yay';
}else{
echo $slide->error;
}
Object Code:
Code: [Select]
<?php
public function add_image_to_slide($id,$image){
  //Verify image before proceeding forward
  $accepted_file_types = array('jpg','png');
$ext = explode('.',$image['name']);
if(array_search($ext[1],$accepted_file_types) !== false) {
//variables
$this->id = $id;
$this->select_slide($this->id);

//make sure that the folders for the images to go actually exist, if not, create them
$this->create_folders();
$this->generate_thumbnail($image);

$this->thumbnail = $this->upload_directory.$this->rand_id.'_thumb_'.$this->filename;
$this->full_img = $this->upload_directory.$this->rand_id.'_'.$this->filename;

// thumbnail is moved automatically by function above, just move full image
move_uploaded_file($image['tmp_name'], BASE_ROOT.'/'.$this->full_img);

if($stmt = $this->_db->prepare('UPDATE slides SET full_img = ? , thumbnail = ? WHERE id = ?')){
$stmt->bind_param('ssi',$this->full_img,$this->thumbnail,$id);
$stmt->execute();
$stmt->close();
return true;
}
return false;
}
$this->error = 'File Extension Error: .jpg, .png allowed only';
  return false;
  }

Right now it's skipping straight to $this->error since it's not an image object. I'm not really sure what to pursue from here. I did try this line once but it also skipped to the error line:
Code: [Select]
<?php
$image = createimagefromstr(file_get_contents('php://input'));
Any help would be greatly appreciated!

Thanks,
Justin

Hi   Ultimate Aim: To upload multiple images using ajax using a PHP script which will be fired once an image is selected and then return the resulting URL for use in rest of my JS
  http://peter-gosling...hooseimage.html simple form
posts to
http://peter-gosling...d/saveimage.php   This PHP script below currently gets the posted image and assigns it a random number file name and echos this

<?php
header("Access-Control-Allow-Origin: *");

$uploaddir = '/home/petergos/public_html/testupload/images/';
$uploadfile = $uploaddir . basename($_FILES['userfile']['name']);
$urlpath = "http://www.peter-gosling.co.uk/testupload/images/";

$temp = explode(".",$_FILES["userfile"]["name"]);
$newfilename = rand(1,999999999) . '.' .end($temp);
$newuploadfile = $uploaddir . $newfilename;
echo "<p>";

if (move_uploaded_file($_FILES['userfile']['tmp_name'], $newuploadfile)) {
    $urlfile = $urlpath . $newfilename;
  echo $urlfile;
} else {
   echo "Upload failed";
}
?>

What I want to do is post my image via ajax but return the value back to my js file

I'm not certain on the CORS issue

Here's my first attempt   http://peter-gosling.com/testupload/   HTML

<!DOCTYPE html>
<html>
    <head>

    </head>   
    <body>
<input type="file" accept="image/*;capture=camera" name="taskoutputfile"></input>

         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script type="text/javascript">
$("input[name=taskoutputfile]").on("change", function (){
            var fileName = $(this).val();
            console.log(fileName);
            get_image_url(fileName)
});

//UPLOAD IMAGE RETURN URL
    function get_image_url(imageurl) {
        var dataString = "url="+imageurl;
        //datastring = $("input[name=sessiontitle]").val();
        //AJAX code to submit form.
        $.ajax({
        type: "POST",
        url: "http://www.peter-gosling.co.uk/testupload/saveimage2.php",
        data: dataString,
        cache: false,
        success: function(html) {
        alert(html);
        }
        });
    }
    </script>
</body>
</html>

PHP

<?php
header("Access-Control-Allow-Origin: *");

$uploaddir = '/home/petergos/public_html/testupload/images/';
$uploadfile = $uploaddir . basename($_POST['url']);
$urlpath = "http://www.peter-gosling.co.uk/testupload/images/";

$temp = explode(".",$_POST['url']);
$newfilename = rand(1,999999999) . '.' .end($temp);
$newuploadfile = $uploaddir . $newfilename;
echo "<p>";

if (move_uploaded_file($_FILES['userfile']['tmp_name'], $newuploadfile)) {
    $urlfile = $urlpath . $newfilename;
  return $urlfile;
} else {
   echo "Upload failed";
}
/*
echo "</p>";
echo '<pre>';
echo 'Here is some more debugging info:';
print_r($_FILES);
print "</pre>";
*/
?>

Have attached all files
  Any help would be really appreciated   Thankyou
 

Hiya,

Firstly, I'm a complete novice, apologies! But I have got my upload.php working which is nice. I will post the code below.

However, I would now like to restrict the file size and file type to only word documents.

I currently have a restriction of 200KB but it's not working - no idea why as I've looked at other similar codes and they look the same.

Also, just to complicate things - can I stop files overwriting each other when uploaded? At the moment, if 2 people upload files with the same name one will overwrite the other.

Is this too many questions in 1?

Any help is very much appreciated!

Code below:

Code: [Select]
<form enctype="multipart/form-data" action="careers.php" method="POST">
        Please choose a file: <input name="uploaded" type="file" /><br />
<input type="submit" value="Upload" />
</form>

<?php 
 $target = "upload/"; 
 $target = $target . basename( $_FILES['uploaded']['name']) ; 
 $ok=1; 
 
 //This is our size condition 
 if ($uploaded_size > 200) 
 { 
 echo "Your file is too large.<br>"; 
 $ok=0; 
 } 
 
 //This is our limit file type condition 
 if ($uploaded_type =="text/php") 
 { 
 echo "No PHP files<br>"; 
 $ok=0; 
 } 
 
 //Here we check that $ok was not set to 0 by an error 
 if ($ok==0) 
 { 
 Echo "Sorry your file was not uploaded"; 
 } 
 
 //If everything is ok we try to upload it 
 else 
 { 
 if(move_uploaded_file($_FILES['uploaded']['tmp_name'], $target)) 
 { 
 echo "Your file ". basename( $_FILES['uploadedfile']['name']). " has been uploaded."; 
 } 
 else 
 { 
 echo "Sorry, there was a problem uploading your file."; 
 } 
 } 
 ?>

In this multi file upload form, choose three images, click submit and preview the images on the preview page. If the user wishes to delete or replace an image, click edit and the form will go back to the previous page. Select the replace radio button for example on one of the three images and select a new image from the file input prompt and click submit. The form will go to the preview page again to display the images. During this process the image names are being input into a table and the images are being moved to a directory.

The table is

  `id`  AUTO_INCREMENT,
  `image0`
  `image1`
  `image2`
  `status`

So input name='image[image0]' can be directed to table `image0` and so on.

The code for keep and delete work fine, but how do I replace an image?
I have two foreach blocks. The first one deletes the image file from the directory and deletes the image name from the table, but the second foreach dose not move the new image file into the directory.
Thanks.

<input type='radio' name='image[image0]' value='keep' checked='checked'/>
<input type='radio' name='image[image0]' value='delete' />
<input type='radio' name='image[image0]' value='replace' />
<input type="file" name="image[]" />

<input type='radio' name='image[image1]' value='keep' checked='checked'/>
<input type='radio' name='image[image1]' value='delete' />
<input type='radio' name='image[image1]' value='replace' />
<input type="file" name="image[]" />

<input type='radio' name='image[image2]' value='keep' checked='checked'/>
<input type='radio' name='image[image2]' value='delete' />
<input type='radio' name='image[image2]' value='replace' />
<input type="file" name="image[]" />

<?php
if (isset($_POST['status'])) {

$status = $_POST['status'];
$confirm_code = $status;

#--------------------------- replace --------------------------------------------

if (isset($_POST['submitted']) &&
($image = $_POST['image'])) {

foreach($image as $imageKey => $imageValue) {
if ($imageValue == 'replace') {
$query = "SELECT $imageKey FROM table WHERE status = '$status' ";
if($result = $db->query( $query )){
$row = $result->fetch_array();
}

unlink( UPLOAD_DIR.$row[0] );

$query = "UPDATE table SET $imageKey = '' WHERE status = '$status' ";
}
}

foreach($image as $imageKey => $imageValue) {
if ($imageValue == 'replace') {

$filenm = $_FILES['image']['name']; 
$file = $_FILES['image']['tmp_name'];

move_uploaded_file($file, UPLOAD_DIR . $filenm);
$filename[] = $filenm; 

$query = "INSERT INTO table VALUES ('','$filename[0]','$filename[1]','$filename[2]','$confirm_code')";
}
}
}
}
?>

So, I'm learning how to upload pictures into a system from my awesome PHP book. I've looked and looked through the script but I can't figure out whats wrong with it.

Goal:
The script is meant to save a full version of the image in the images folder and a thumbnail in the thumbnail folder.
Bug:
The full image does not appear in any folder, and the thumbnail is created but its put in the images folder.

I've checked the GD library, and everything is supported.

image_effect.php

<?php
//change this path to match your images directory
$dir ='C:/x/xampp/htdocs/images';

//change this path to match your fonts directory and the desired font
putenv('GDFONTPATH=' . 'C:/Windows/Fonts');
$font = 'arial';

// make sure the requested image is valid
if (isset($_GET['id']) && ctype_digit($_GET['id']) && file_exists($dir . '/' .
    $_GET['id'] . '.jpg')) {
    $image = imagecreatefromjpeg($dir . '/' . $_GET['id'] . '.jpg');
} else {
    die('invalid image specified');
}

// apply the filter
$effect = (isset($_GET['e'])) ? $_GET['e'] : -1;
switch ($effect) {
case IMG_FILTER_NEGATE:
    imagefilter($image, IMG_FILTER_NEGATE); 
    break;
case IMG_FILTER_GRAYSCALE:
    imagefilter($image, IMG_FILTER_GRAYSCALE); 
    break;
case IMG_FILTER_EMBOSS:
    imagefilter($image, IMG_FILTER_EMBOSS); 
    break;
case IMG_FILTER_GAUSSIAN_BLUR:
    imagefilter($image, IMG_FILTER_GAUSSIAN_BLUR);
    break;
}

// add the caption if requested
if (isset($_GET['capt'])) {
    imagettftext($image, 12, 0, 20, 20, 0, $font, $_GET['capt']);
}

//add the logo watermark if requested
if (isset($_GET['logo'])) {
    // determine x and y position to center watermark
    list($width, $height) = getimagesize($dir . '/' . $_GET['id'] . '.jpg');
    list($wmk_width, $wmk_height) = getimagesize('images/logo.png');
    $x = ($width - $wmk_width) / 2;
    $y = ($height - $wmk_height) / 2;
    
    $wmk = imagecreatefrompng('images/logo.png');
    imagecopymerge($image, $wmk, $x, $y, 0, 0, $wmk_width, $wmk_height, 20);
    imagedestroy($wmk);
}

// show the image
header('Content-Type: image/jpeg');
imagejpeg($image, '', 100);
?>


check_image.php

<?php
include 'db.inc.php';
//connect to MySQL
$db = mysql_connect(MYSQL_HOST, MYSQL_USER, MYSQL_PASSWORD) or 
    die ('Unable to connect. Check your connection parameters.');
mysql_select_db(MYSQL_DB, $db) or die(mysql_error($db));

//change this path to match your images directory
$dir ='C:/x/xampp/htdocs/images';

//change this path to match your thumbnail directory
$thumbdir = $dir . '/thumbs';

//change this path to match your fonts directory and the desired font
putenv('GDFONTPATH=' . 'C:/Windows/Fonts');
$font = 'arial';

// handle the uploaded image
if ($_POST['submit'] == 'Upload') {

    //make sure the uploaded file transfer was successful
    if ($_FILES['uploadfile']['error'] != UPLOAD_ERR_OK)
    {
        switch ($_FILES['uploadfile']['error']) {
        case UPLOAD_ERR_INI_SIZE:
            die('The uploaded file exceeds the upload_max_filesize directive ' .
                'in php.ini.');
            break;
        case UPLOAD_ERR_FORM_SIZE:
            die('The uploaded file exceeds the MAX_FILE_SIZE directive that ' .
                'was specified in the HTML form.');
            break;
        case UPLOAD_ERR_PARTIAL:
            die('The uploaded file was only partially uploaded.');
            break;
        case UPLOAD_ERR_NO_FILE:
            die('No file was uploaded.');
            break;
        case UPLOAD_ERR_NO_TMP_DIR:
            die('The server is missing a temporary folder.');
            break;
        case UPLOAD_ERR_CANT_WRITE:
            die('The server failed to write the uploaded file to disk.');
            break;
        case UPLOAD_ERR_EXTENSION:
            die('File upload stopped by extension.');
            break;
        }
    }
    
    //get info about the image being uploaded
    $image_caption = $_POST['caption'];
    $image_username = $_POST['username'];
    $image_date = @date('Y-m-d');
    list($width, $height, $type, $attr) =
        getimagesize($_FILES['uploadfile']['tmp_name']);

    // make sure the uploaded file is really a supported image
    $error = 'The file you uploaded was not a supported filetype.';
    switch ($type) {
    case IMAGETYPE_GIF:
        $image = imagecreatefromgif($_FILES['uploadfile']['tmp_name']) or
            die($error);
        break;
    case IMAGETYPE_JPEG:
        $image = imagecreatefromjpeg($_FILES['uploadfile']['tmp_name']) or
            die($error);
        break;
    case IMAGETYPE_PNG:
        $image = imagecreatefrompng($_FILES['uploadfile']['tmp_name']) or
            die($error);
        break;
    default:
        die($error);
    }

    //insert information into image table
    $query = 'INSERT INTO images
        (image_caption, image_username, image_date)
    VALUES
        ("' . $image_caption . '", "' . $image_username . '", "' . $image_date .
        '")';
    
    $result = mysql_query($query, $db) or die (mysql_error($db));
    
    //retrieve the image_id that MySQL generated automatically when we inserted
    //the new record
    $last_id = mysql_insert_id();
    
    // save the image to its final destination
    $image_id = $last_id;
    imagejpeg($image, $dir . '/' . $image_id  . '.jpg');
    imagedestroy($image);

} else {
    // retrieve image information
    $query = 'SELECT
        image_id, image_caption, image_username, image_date
    FROM
        images
    WHERE
        image_id = ' . $_POST['id'];
    $result = mysql_query($query, $db) or die (mysql_error($db));
    extract(mysql_fetch_assoc($result));

    list($width, $height, $type, $attr) = getimagesize($dir . '/' . $image_id .
        '.jpg');
}

if ($_POST['submit'] == 'Save') {
    // make sure the requested image is valid
    if (isset($_POST['id']) && ctype_digit($_POST['id']) &&
        file_exists($dir . '/' . $_POST['id'] . '.jpg')) {
        $image = imagecreatefromjpeg($dir . '/' . $_POST['id'] . '.jpg');
    } else {
        die('invalid image specified');
    }

    // apply the filter    
    $effect = (isset($_POST['effect'])) ? $_POST['effect'] : -1;
    switch ($effect) {
    case IMG_FILTER_NEGATE:
        imagefilter($image, IMG_FILTER_NEGATE); 
        break;
    case IMG_FILTER_GRAYSCALE:
        imagefilter($image, IMG_FILTER_GRAYSCALE); 
        break;
    case IMG_FILTER_EMBOSS:
        imagefilter($image, IMG_FILTER_EMBOSS); 
        break;
    case IMG_FILTER_GAUSSIAN_BLUR:
        imagefilter($image, IMG_FILTER_GAUSSIAN_BLUR);
        break;
    }

    // add the caption if requested
    if (isset($_POST['emb_caption'])) {
        imagettftext($image, 12, 0, 20, 20, 0, $font, $image_caption);
    }

    //add the logo watermark if requested
    if (isset($_POST['emb_logo'])) {
        // determine x and y position to center watermark
        list($wmk_width, $wmk_height) = getimagesize('images/logo.png');
        $x = ($width - $wmk_width) / 2;
        $y = ($height - $wmk_height) / 2;
    
        $wmk = imagecreatefrompng('images/logo.png');
        imagecopymerge($image, $wmk, $x, $y, 0, 0, $wmk_width, $wmk_height, 20);
        imagedestroy($wmk);
    }

    // save the image with the filter applied
    imagejpeg($image, $dir . '/' . $_POST['id'] . '.jpg', 100);

    //set the dimensions for the thumbnail
    $thumb_width = $width * 0.10;
    $thumb_height = $height * 0.10;

    //create the thumbnail
    $thumb = imagecreatetruecolor($thumb_width, $thumb_height);
    imagecopyresampled($thumb, $image, 0, 0, 0, 0, $thumb_width, $thumb_height,
        $width, $height);
    imagejpeg($thumb, $dir . '/' . $_POST['id'] . '.jpg', 100);
    imagedestroy($thumb);
?>
<html>
 <head>
  <title>Here is your pic!</title>
 </head>
 <body>
  <h1>Your image has been saved!</h1>
  <img src="images/<?php echo $_POST['id']; ?>.jpg" />
 </body>
</html>
<?php
} else {
?>
<html>
 <head>
  <title>Here is your pic!</title>
 </head>
 <body>
  <h1>So how does it feel to be famous?</h1>
  <p>Here is the picture you just uploaded to our servers:</p>
<?php 
   if ($_POST['submit'] == 'Upload') {
       $imagename = 'images/' . $image_id  . '.jpg';
   } else {
       $imagename = 'image_effect.php?id=' . $image_id  . '&e=' .
           $_POST['effect'];

       if (isset($_POST['emb_caption'])) {
           $imagename .= '&capt=' . urlencode($image_caption); 
       }

       if (isset($_POST['emb_logo'])) {
           $imagename .= '&logo=1'; 
       }
   }
?>
   <img src="<?php echo $imagename; ?>" style="float:left;">
  <table>
   <tr><td>Image Saved as: </td><td><?php echo $image_id  . '.jpg'; ?></td></tr>
   <tr><td>Height: </td><td><?php echo $height; ?></td></tr>
   <tr><td>Width: </td><td><?php echo $width; ?></td></tr>
   <tr><td>Upload Date: </td><td><?php echo $image_date; ?></td></tr>
  </table>
  <p>You may apply special options to your image below. Note: saving an image
with any of the options applied  <em>cannot be undone</em>.</p>
  <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
   <div>
    <input type="hidden" name="id" value="<?php echo $image_id;?>"/>
    Filter: <select name="effect">
     <option value="-1">None</option>
<?php
    echo '<option value="' . IMG_FILTER_GRAYSCALE . '"';
    if (isset($_POST['effect']) && $_POST['effect'] == IMG_FILTER_GRAYSCALE) {
        echo ' selected="selected"';
    }
    echo '>Black and White</option>';

    echo '<option value="' . IMG_FILTER_GAUSSIAN_BLUR . '"';
    if (isset($_POST['effect']) && $_POST['effect'] ==
        IMG_FILTER_GAUSSIAN_BLUR) {
        echo ' selected="selected"';
    }
    echo '>Blur</option>';

    echo '<option value="' . IMG_FILTER_EMBOSS . '"';
    if (isset($_POST['effect']) && $_POST['effect'] == IMG_FILTER_EMBOSS) {
        echo ' selected="selected"';
    }
    echo '>Emboss</option>';

    echo '<option value="' . IMG_FILTER_NEGATE . '"';
    if (isset($_POST['effect']) && $_POST['effect'] == IMG_FILTER_NEGATE) {
        echo ' selected="selected"';
    }
    echo '>Negative</option>';
?>
    </select>
    <br/><br/>
<?php
    echo '<input type="checkbox" name="emb_caption"';
    if (isset($_POST['emb_caption'])) {
        echo ' checked="checked"';
    }
    echo '>Embed caption in image?';
    echo '<br/><br/><input type="checkbox" name="emb_logo"';
    if (isset($_POST['emb_logo'])) {
        echo ' checked="checked"';
    }
    echo '>Embed watermarked logo in image?';
?>
    <br/><br/>
    <input type="submit" value="Preview" name="submit" />
    <input type="submit" value="Save" name="submit" />
   </div>
  </form>
 </body>
</html>
<?php
}
?>


Any help appreciated.