PHP - Help With Image Uploader

I am using CKeditor 3.2. Everything is going fine except image uploader, flash uploader and table...
These content are not working.. my site is in PHP..

I have searched too much to solution on Google not found a right answer... infact, there are many results talking about filemanager folder which i was not able to find on downloaded zip.

One more thing; when i am uploading images through default uploader and send it to database everything is fine, but when i am retrieving that image on some page; the image is not displaying,   /"/" kind of code displaying instead of the images....

What to do to resolve this issue..... Kindly help me its very needed...

Thanks in advance....

i am build am url image uploader he only problem i am having is take the url form the forum and placeing it in this code
$content = file_get_contents('$img ');
file_put_contents('/home/sambobi/public_html/bob/b_images/$id.jpg', $content);

the variable $img is the url variable and the $id is random numbers and letter but both parts of this wont works

can any one help 

Hey guys

I've made a php uploader,
 <form enctype="multipart/form-data" action="upload.php" method="POST">
 Please choose a file: <input name="uploaded" type="file" /><br />
 <input type="hidden" name="sent"/>
 <input type="submit" value="Upload" />

<?php

/**
 * @author Jragon
 * @copyright 2010
 */
function stringrand()
{
    for ($i = 0; $i < 6; $i++) {
        switch (rand(1, 3)) {
            case 1:
                $rand .= chr(rand(48, 57));
                break; //0-9
            case 2:
                $rand .= chr(rand(65, 90));
                break; //A-Z
            case 3:
                $rand .= chr(rand(97, 122));
                break; //a-z
        }
    }
    return $rand;
}
if (isset($_POST['sent'])) {
    switch ($_FILES['uploaded']['name']) {
        case 'image/jpeg':
            $type = 'image';
            $ext = 'jpg';
            break;
        case 'image/gif':
            $type = 'image';
            $ext = 'gif';
            break;
        case 'image/png':
            $type = 'image';
            $ext = 'png';
            break;
        case 'video/mp4':
            $type = 'video';
            $type = 'mp4';
            break;
        case 'application/x-shockwave-flash':
            $type = 'video';
            $ext = 'flv';
            break;
        case 'audio/mp3':
            $type = 'audio';
            $ext = 'mp3';
            break;
        default:
            $type = '';
            break;
    }
    if ($type == 'video') {
        $name = basename($_FILES['uploaded']['name']);
        $target = "/upload/$type/";
        $target = $target . stringradnd() . ".$ext";
        $worked = false;
        if (move_uploaded_file($_FILES['uploaded']['tmp_name'], $target)) {
            echo "The file " . $name . " has been uploaded";
            $worked = true;
        } else {
            echo "Sorry, there was a problem uploading your file.";
        }
    } elseif ($type == 'audio') {
        $name = basename($_FILES['uploaded']['name']);
        $target = "/upload/$type/";
        $target = $target . stringradnd() . ".$ext";
        $worked = false;
        if (move_uploaded_file($_FILES['uploaded']['tmp_name'], $target)) {
            echo "The file " . $name . " has been uploaded";
            $worked = true;
            $target = $target . "&amp;plugins=revolt-1";
        } else {
            echo "Sorry, there was a problem uploading your file.";
        }
    } elseif ($type == 'image') {
        $name = basename($_FILES['uploaded']['name']);
        $target = "/upload/$type/";
        $target = $target . stringradnd() . ".$ext";
        $worked = false;
        if (move_uploaded_file($_FILES['uploaded']['tmp_name'], $target)) {
            echo "The file " . $name . " has been uploaded";
            $worked = true;
        } else {
            echo "Sorry, there was a problem uploading your file.";
        }
    } elseif ($type == '') {
        $worked = false;
        echo "Sorry the only extensions you can use a
        jpeg
        jpg
        gif
        png
        mp3
        mp4
        flv";
    }
    if ($worked == true) {
        echo <<< ENDHTML
 <script type='text/javascript' src='/flvplayer/swfobject.js'></script>
 
<div id='mediaspace'>This text will be replaced</div>
 
<script type='text/javascript'>
  var so = new SWFObject('/flvplayer/player.swf','mpl','470','320','9');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addVariable('file','/upload/{$name}');
  so.write('mediaspace');
</script>
ENDHTML;
    }
}

?>

But its not working, it dosent upload the files

Please help

Jragon

Trying to have my image uploader transfer up SWF files without any luck.  It uploads the file name correctly but is not transferring the file itself to the file directory.  It works fine with my regular images but just not with the SWF files.  I've changed all occurences of JPG and replaced them with SWF.  Help?  Perhaps I'm missing something?

Thanks for your help!
Code: [Select]
<?php
$item_image = $_FILES['image_upload_box']['name'];

$item_id = $_GET['id'];

  
$sql="UPDATE imagetable SET sp_image='$item_image' WHERE id = '$item_id'";

 if (!mysql_query($sql))

  {

  die('Error: ' . mysql_error());

  } 
else {



// upload the file
if ((isset($_POST["submitted_form"])) && ($_POST["submitted_form"] == "image_upload_form")) {
   
   // file needs to be jpg,gif,bmp,x-png and 4 MB max
   if (($_FILES["image_upload_box"]["type"] == "image/swf" || $_FILES["image_upload_box"]["type"] == "image/pjpeg" || $_FILES["image_upload_box"]["type"] == "image/gif" || $_FILES["image_upload_box"]["type"] == "image/x-png") && ($_FILES["image_upload_box"]["size"] < 400000000))
   {
      
  
      // some settings
      $max_upload_width = 800;
      $max_upload_height = 300;
        
      // if user chosed properly then scale down the image according to user preferances
      if(isset($_REQUEST['max_width_box']) and $_REQUEST['max_width_box']!='' and $_REQUEST['max_width_box']<=$max_upload_width){
         $max_upload_width = $_REQUEST['max_width_box'];
      }    
      if(isset($_REQUEST['max_height_box']) and $_REQUEST['max_height_box']!='' and $_REQUEST['max_height_box']<=$max_upload_height){
         $max_upload_height = $_REQUEST['max_height_box'];
      }   

      
      // if uploaded image was JPG/JPEG
      if($_FILES["image_upload_box"]["type"] == "image/swf" || $_FILES["image_upload_box"]["type"] == "image/swf"){   
         $image_source = imagecreatefromswf($_FILES["image_upload_box"]["name"]);
      }      
      // if uploaded image was GIF
      if($_FILES["image_upload_box"]["type"] == "image/gif"){   
         $image_source = imagecreatefromgif($_FILES["image_upload_box"]["name"]);
      }   
      // BMP doesn't seem to be supported so remove it form above image type test (reject bmps)   
      // if uploaded image was BMP
      if($_FILES["image_upload_box"]["type"] == "image/bmp"){   
         $image_source = imagecreatefromwbmp($_FILES["image_upload_box"]["name"]);
      }         
      // if uploaded image was PNG
      if($_FILES["image_upload_box"]["type"] == "image/x-png"){
         $image_source = imagecreatefrompng($_FILES["image_upload_box"]["name"]);
      }
      

      $remote_file = "image_files/".$_FILES["image_upload_box"]["name"];
      imagejpeg($image_source,$remote_file,100);
      chmod($remote_file,0644);
   
   

      // get width and height of original image
      list($image_width, $image_height) = getimagesize($remote_file);
   
      if($image_width>$max_upload_width || $image_height >$max_upload_height){
         $proportions = $image_width/$image_height;
         
         if($image_width>$image_height){
            $new_width = $max_upload_width;
            $new_height = round($max_upload_width/$proportions);
         }      
         else{
            $new_height = $max_upload_height;
            $new_width = round($max_upload_height*$proportions);
         }      
         
         
         $new_image = imagecreatetruecolor($new_width , $new_height);
         $image_source = imagecreatefromswf($remote_file);
         
         imagecopyresampled($new_image, $image_source, 0, 0, 0, 0, $new_width, $new_height, $image_width, $image_height);
         imagejpeg($new_image,$remote_file,100);
         
         imagedestroy($new_image);
      }
      
      imagedestroy($image_source);
      
     
MOD EDIT: [code] . . . [/code] BBCode tags added.

This topic has been moved to Other Web Server Software.

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

Ok this script works but it needs to do more.
I need to resize the images that get uploaded to 300px to 300px because the images are way to big and then i need to add a if statement to send back to flash if the file is to small to upload so it will look best. so no file that is less then 300px by 300px can be uploaded.

this script is doing two things
One it uploads the picture to some username folder
Two it inserts into the database where username.
<?php
include "../php/connect.php";


$username = $_POST['username'];
$username = stripslashes($username);
$username = mysql_real_escape_string($username);




if(@!empty($_FILES))
{
 
$_FILES['Filedata']['name'] = Relocate(utf8_decode($_FILES['Filedata']['name']),$username);



$filepath = getcwd()."/".$_GET['dir']."/";
if(!file_exists($filepath)) mkdir($filepath,0777);
chmod($filepath,0777);

if(move_uploaded_file($_FILES['Filedata']['tmp_name'], $filepath . $_FILES['Filedata']['name'])) chmod($filepath.$_FILES['Filedata']['name'], 0777);


}

function Relocate($str,$username)
{
   
   $filename = "UserPhoto.jpg";//md5($str);
   
   $setavatar = mysql_query("UPDATE accounts SET avatar = 'http://wiistream.net/users/$username/images/$filename' WHERE username = '$username'");
   
   echo '&msgText=' . $username . ''; 
   return $filename; 

}
Relocate($str,$username);


 


?>

hello all,

i have a photo uploader that clients use. i want this to be able to put clients photos in there own folder within a specified path.


$(function() {
$('#custom_file_upload').uploadify({
  'uploader'       : '/uploadify.swf',
  'script'         : 'uploadify.php?user=<?php echo("$logged[ip]"); ?>',
  'cancelImg'      : '/cancel.png',
  'folder'         : '/wuploads/{$logged('email')}',
  'multi'          : true,
  'auto'           : true,
  'fileExt'        : '*.ZIP;*.zip;*.rar',
  'queueID'        : 'custom-queue',
  'queueSizeLimit' : 1000,
  'simUploadLimit' : 1000,
  'removeCompleted': true,
  'onSelectOnce'   : function(event,data) {
      $('#status-message').text(data.filesSelected + ' files have been added to the queue.');
    },
  'onAllComplete'  : function(event,data) {
      $('#status-message').text(data.filesUploaded + ' files uploaded, ' + data.errors + ' errors.');
    }
});
});


i have tried the code above with


'folder'         : '/wuploads/{$logged('email')}',


but this doesnt seem to work, im new to php and tried a few different combinations but it wont budge!

thanks,
gavin

Hi:

I have written code that will allow a user to upload a file and that will allow the user to view/delete the image when clicking on the link. I'm having trouble in the table where the image information is organized - the table just duplicates information about an image into another column,.how can I fix this?

Here's my code:

Code: [Select]
<?
 
 
 
 if ($handle = opendir('images/')) {
    while (false !== ($file = readdir($handle))) {
$TPL['fileList'][] = array(
'fileName' => $file,
'fileSize' => filesize('images/'.$file),
'fileDate' => 'Jan 2, 2029'  );
        }
 }

switch ($_REQUEST['act']):
default:
break;

if (empty($_FILES['userfile']['name'])):
$TPL['errMsg'] = "No file selected";
$TPL['dispErrMsg'] = true;
break;
endif;
copy ($_FILES['userfile']['tmp_name'],
'images/'.$_FILES['userfile']['name']);
break;


case 'del':
echo "delete this file? ($_GET)['userfile']['name']";
endswitch;
 
 ?>
 
<html>
<head>
<title>Comp10065 - Lab 4: File Upload</title>
<style type="text/css">
body {background-color:yellow}
div#container {margin-right: auto; margin-left: auto; border: 1px solid #EEEEEE;
width: 800px; padding: 10px;  background-color:white}
h1 {text-align: center; color:orange; background-color:white}
table {width: 700px; margin-bottom: 15px}
table th {text-align: left;padding: 0px 10 0px 10px}
table td{padding: 0px 10 0px 10px; border: 1px solid #AAAAAA}
tr.odd {background-color: #EEEEEE}
tr.even {background-color: #CCCCCC}
.message {color:red}
div#debug {border: 1px solid #BBBBBB}
</style>
<script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js"></script>
<script type="text/javascript">
function popup(img) {
var day= new Date();
var windowParms = 'width=400,height=400,scrollbars,resizable';
var htmlPage = '<html><body><img src="'  + img + '"><br>' +   
' <form><input type="button" ' +
' onclick="javascript:window.close();" value="Close Window"><br>\n' +
' </form></body></html>\n';
var popupWindow = window.open('',day.getTime(),windowParms);
popupWindow.document.write(htmlPage);
popupWindow.document.close();
}
</script>
<script>
$(function() {
$("div#debug").hide();
$("a#debugLink").click(function () {$("div#debug").toggle("slowly"); });
});
</script>
</head>

<body >
<div id="container">

  <h1> Picture Uploader!</h1>
       
  <p>Click here to <a href="<?= $_SERVER['PHP_SELF'] ?>">refresh</a> this page.</p>
     
        <table>
<tr>
  <th>File Name (<a href="upload.php?act=sortby&col=filename">sort</a>)</th>
  <th>Size KBytes (<a href="upload.php?act=sortby&col=size">sort</a>)</th>
  <th>Date</th>
</tr>
           </td>
            <? foreach($TPL['fileList'] as $key => $val): ?>

                        <td><a href="<?= 'images/'.$val['fileName'] ?>"><?=$val['fileName'] ?></a></td>
<td><?= $val['fileName'] ?></td>
<td><?= $val['fileSize'] ?></td>
<td><?= $val['fileDate'] ?></td>
<td><a href="#" onClick="popup('images/uieiuirdi.jpg')"  >View</a></td>
<td align=center><a href=upload.php?act=del&file=uieiuirdi.jpg>Delete</a></td>
</tr>
             <? endforeach ?>
  </table>
           
                      <p class="message">Records sorted by size</p>

             
       
<form   action=upload.php  method="post" enctype='multipart/form-data'>
        <input type="hidden" name="MAX_FILE_SIZE" value="2000000">
<input type="hidden" name="act" value="post">
        <input  type="file" name="userfile" size="60" value="">
        <br>
        <input type="submit" value="UPLOAD FILE" name="submit">Do not upload large files!
      </form>
 
  <? if($TPL['dispErrMsg']): ?>
      <p><?= $TPL['errMsg'] ?></p>
      <? endif; ?>
 
      <hr>
      <p>Click <a href="#" id = "debugLink"> here </a> for debug info. Jquery show/hide effect.</p>

      <div id="debug">
          <p>This debug info is here to help you. You are only required to display the $_POST and $_FILES array</p>
          <pre > <? print_r($TPL) ?></pre>
      </div>
</div>
</body> </html>

Hi,

Ive had a website for some time that allows people to upload pictures to certain directories, and each directory had its own upload script, I decided as Im slowley getting better at php to combine it all into 1 file and include it, all works great, but now I notice its a lot of repeated code as the only thing that changes for each function is the directory name,

here is the script as it is:

<?php 
// James Davies, Revised 2010
// Create the main NSFW upload function 
function demotivate() { 
//configure site specific variables
$website = 'http://www.thenudedeer.com';
//what is the folder name
$phpbbdir = '/demotivate/';
// Create an array containing all valid upload file types for this script 
$allowed_types = array( 
        "image/gif" => "gif", 
        "image/pjpeg" => "jpg", 
        "image/jpg" => "jpg",
        "image/jpeg" => "jpg",
        "image/png" => "png",
"image/x-png" => "png",
// Add more types here if you like 
    ); 
// Check to see if the file type is in the allowed types array 
    if(!array_key_exists($_FILES['userfile']['type'], $allowed_types)) { 
        die("Invalid file type."); 
    } 
// Set the maximum uploadable file size => 512000 = 500kb 
    $maxfilesize = 512000; 
// Is the file larger than it is allowed to be? 
    if($_FILES['userfile']['size'] > $maxfilesize) { 
        die("File too large"); 
    }
// Where will the file be uploaded to? 
    $uploaddir = $_SERVER['DOCUMENT_ROOT'] . $phpbbdir; 
// What is the files temporary name? 
    $file = $_FILES['userfile']['tmp_name']; 
// What is the files actual name? 
    $filename = $_FILES['userfile']['name']; 
// Does this file already exist on the server? 
    if(file_exists($uploaddir . $filename)) 
{ 
//die("A file with that name already exists on this server."); 
die("File already existed, [img]http://" . $website . $phpbbdir . $filename ."[/img]"); 
}
else { 
// This file does not already exist, so copy it. 
        copy($file, $uploaddir.$filename) or die("Could not copy file."); 
    } 
// All done! :-) 
    echo "<br />";
    echo "<font color=red><b>";
    echo "Upload successful";
    echo "<br />";
    echo "Copy and Paste the following Code";
    echo "</font><br/>";
    echo "<font color='green'><b>";
    echo "<br />";
    echo "[img]http://" . $website . $phpbbdir . $filename;
    echo "[/img]";
    echo "<br/>";
    echo "<br/>";
    echo '<img class="img" src="' .$phpbbdir .$filename.'">';
    echo "<br />";
    echo "<br />";
    echo "</font>";
    echo "<br /><br />";
}
function nsfw() { 
//configure site specific variables
$website = 'http://www.thenudedeer.com';
//what is the folder name
$phpbbdir = '/nsfw/';
// Create an array containing all valid upload file types for this script 
$allowed_types = array( 
        "image/gif" => "gif", 
        "image/pjpeg" => "jpg", 
        "image/jpg" => "jpg",
        "image/jpeg" => "jpg",
        "image/png" => "png",
"image/x-png" => "png",
// Add more types here if you like 
    ); 
// Check to see if the file type is in the allowed types array 
    if(!array_key_exists($_FILES['userfile']['type'], $allowed_types)) { 
        die("Invalid file type."); 
    } 
// Set the maximum uploadable file size => 512000 = 500kb 
    $maxfilesize = 512000; 
// Is the file larger than it is allowed to be? 
    if($_FILES['userfile']['size'] > $maxfilesize) { 
        die("File too large"); 
    }
// Where will the file be uploaded to? 
    $uploaddir = $_SERVER['DOCUMENT_ROOT'] . $phpbbdir; 
// What is the files temporary name? 
    $file = $_FILES['userfile']['tmp_name']; 
// What is the files actual name? 
    $filename = $_FILES['userfile']['name']; 
// Does this file already exist on the server? 
    if(file_exists($uploaddir . $filename)) 
{ 
//die("A file with that name already exists on this server."); 
die("File already existed, [img]http://" . $website . $phpbbdir . $filename ."[/img]"); 
}
else { 
// This file does not already exist, so copy it. 
        copy($file, $uploaddir.$filename) or die("Could not copy file."); 
    } 
// All done! :-) 
    echo "<br />";
    echo "<font color=red><b>";
    echo "Upload successful";
    echo "<br />";
    echo "Copy and Paste the following Code";
    echo "</font><br/>";
    echo "<font color='green'><b>";
    echo "<br />";
    echo "[img]http://" . $website . $phpbbdir . $filename;
    echo "[/img]";
    echo "<br/>";
    echo "<br/>";
    echo '<img class="img" src="' .$phpbbdir .$filename.'">';
    echo "<br />";
    echo "<br />";
    echo "</font>";
    echo "<br /><br />";
}
function fail() { 
//configure site specific variables
$website = 'http://www.thenudedeer.com';
//what is the folder name
$phpbbdir = '/fail/';
// Create an array containing all valid upload file types for this script 
$allowed_types = array( 
        "image/gif" => "gif", 
        "image/pjpeg" => "jpg", 
        "image/jpg" => "jpg",
        "image/jpeg" => "jpg",
        "image/png" => "png",
"image/x-png" => "png",
// Add more types here if you like 
    ); 
// Check to see if the file type is in the allowed types array 
    if(!array_key_exists($_FILES['userfile']['type'], $allowed_types)) { 
        die("Invalid file type."); 
    } 
// Set the maximum uploadable file size => 512000 = 500kb 
    $maxfilesize = 512000; 
// Is the file larger than it is allowed to be? 
    if($_FILES['userfile']['size'] > $maxfilesize) { 
        die("File too large"); 
    }
// Where will the file be uploaded to? 
    $uploaddir = $_SERVER['DOCUMENT_ROOT'] . $phpbbdir; 
// What is the files temporary name? 
    $file = $_FILES['userfile']['tmp_name']; 
// What is the files actual name? 
    $filename = $_FILES['userfile']['name']; 
// Does this file already exist on the server? 
    if(file_exists($uploaddir . $filename)) 
{ 
//die("A file with that name already exists on this server."); 
die("File already existed, [img]http://" . $website . $phpbbdir . $filename ."[/img]"); 
}
else { 
// This file does not already exist, so copy it. 
        copy($file, $uploaddir.$filename) or die("Could not copy file."); 
    }
// All done! :-) 
    echo "<br />";
    echo "<font color=red><b>";
    echo "Upload successful";
    echo "<br />";
    echo "Copy and Paste the following Code";
    echo "</font><br/>";
    echo "<font color='green'><b>";
    echo "<br />";
    echo "[img]http://" . $website . $phpbbdir . $filename;
    echo "[/img]";
    echo "<br/>";
    echo "<br/>";
    echo '<img class="img" src="' .$phpbbdir .$filename.'">';
    echo "<br />";
    echo "<br />";
    echo "</font>";
    echo "<br /><br />";
}
?> 

there must be a way to stop repeating all the same code for each function?
many thanks

I Need help Integrating An Video Upload System Into The Mybb Forum Software. I understand You Need ffmeg +jwplayer ive already installed that on my server.But Now I Need A Little Help Integrating And Uploader Into The Software, So It Can Post The Video Into An Thred When My Users Upload.

This has probably been asked here tons of times, and yes I've searched on google but I can't find a decently explained method.

What I want is to be able to upload a whole directory of pictures at once. These pictures must go through the following:
Be cropped in size (about 600px width/height) This must be stored in a folder under a random name A thumbnail must be made, with the same name, in another folder The location of each picture should be stored in a database
What I've said here is all PHP I presume, and that I can take care of, I think.

The problem is the multiuploader. I understand it can't be done in PHP, since PHP lets only 1 file per input tag, so you cannot select a directory. So this should be done with javascript/java/???


Additional questions:
if I do mkdir('/pictures/$mapname/thumbs');, the 'pictures' already exists but the rest doesn't. Does it create the $mapname dir and the thumbs, or should I use 2 different mkdir's? What width is best to save the images to? What with is the best to save the thumbs to? So many more, but I'll keep it at this!
I know it's a lot of questions, but it would really be handy if I could do this!

Thanks in advance!

dear folks    this question is regarding the plugin update, file uploader and SFTP - on a wordpress that runs on secured- server I think I know the answer to the following question as "not possible" but I figured I would check.
my sites are on servers where we disable FTP access and only use SFTP access, and also on a different port (not port 22).


what if i want to use a automated maintaining service like the following

https://mainwp.com
http://wwww.infinitewp.com


automated Installing and updating plugins to the sites does not seem to work  and I assume this is the reason why.
I'm also assuming the File uploader extension will not work either. Can anyone confirm this for sure though?

Any ideas as far as workaround?


one might think of the following way: Can you try adding your SFTP settings into the wp-config of one of my sites to see if that allows the functions to work? we can see an example in http://codex.wordpre...g_wp-config.php under WordPress Upgrade Constants or possibly try this plugin SSH SFTP Updater Support   do you have any idear!?
 
cf:  https://mainwp.com/f...&highlight=sftp
 

How can i edit just one image at on time with a multiple image upload form? I have the images being stored in a folder and the path being stored in MySQL. I also have the files being uploaded with a unique id. My issue is that I want to be able to pass the values of what is already in $name2 $name3 $name4 if I only want to edit $name1. I don't want to have to manually update the 4 images. Here is the PHP:
Code: [Select]
<?php

require_once('storescripts/connect.php');
mysql_select_db($database_phpimage,$phpimage);
$uploadDir = 'upload/';
if(isset($_POST['upload']))
{


foreach ($_FILES as $file)
{

    $fileName = $file['name'];
    $tmpName = $file['tmp_name'];
    $fileSize = $file['size'];
    $fileType = $file['type'];

    if ($fileName != ""){
        $filePath = $uploadDir;
        $fileName = str_replace(" ", "_", $fileName);

        //Split the name into the base name and extension
        $pathInfo = pathinfo($fileName);
        $fileName_base = $pathInfo['fileName'];
        $fileName_ext = $pathInfo['extension'];

        //now we re-assemble the file name, sticking the output of uniqid into it
        //and keep doing this in a loop until we generate a name that 
        //does not already exist (most likely we will get that first try)
        do {
           $fileName = $fileName_base . uniqid() . '.' . $fileName_ext;
        } while (file_exists($filePath.$fileName));

$file_names [] = $fileName;

        $result = move_uploaded_file($tmpName, $filePath.$fileName);
    }


if(!get_magic_quotes_gpc())
{
$fileName = addslashes($fileName);
$filePath = addslashes($filePath);
}
$fileinsert[] = $filePath;
}
}

$mid   = mysql_real_escape_string(trim($_POST['mid']));
$cat   = mysql_real_escape_string(trim($_POST['cat']));
$item  = mysql_real_escape_string(trim($_POST['item']));
$price = mysql_real_escape_string(trim($_POST['price']));
$about = mysql_real_escape_string(trim($_POST['about']));

$fields = array();
$values = array();
$updateVals = array();
for($i = 0; $i < 4; $i++)
{
    $values[$i] = isset($file_names[$i]) ? mysql_real_escape_string($file_names[$i]) : '';

    if($values[$i] != '') {
        $updateVals[] = 'name' . ($i + 1) . " = '{$values[$i]}'"; 
    }
}
$updateNames = '';
if(count($updateVals))
{
    $updateNames = ", " . implode(', ', $updateVals);
}

$update = "INSERT INTO image
               (mid, cid, item, price, about, name1, name2, name3, name4)
           VALUES
               ('$mid', '$cat', '$item', '$price', '$about', '$values[0]', '$values[1]', '$values[2]', '$values[3]')
           ON DUPLICATE KEY UPDATE
                cid = '$cat', item = '$item', price = '$price', about = '$about' $updateNames";
$result = mysql_query($update) or die (mysql_error());

After image is drop into container , I want to move copy of the original image to be move when original image dragend within container. I tried but it display copy image each time when original image dragend. can anyone help me?

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Prototype</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.7.2.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<style>
    body{padding:20px;}
    #container{
      border:solid 1px #ccc;
      margin-top: 10px;
      width:350px;
      height:350px;
    }
    #toolbar{
      width:350px;
      height:35px;
      border:solid 1px blue;
    }
</style>        
<script>
$(function(){
 
    var $house=$("#house");
    $house.hide();
 
    var $stageContainer=$("#container");
    var stageOffset=$stageContainer.offset();
    var offsetX=stageOffset.left;
    var offsetY=stageOffset.top;
 
    var stage = new Kinetic.Stage({
        container: 'container',
        width: 350,
        height: 350
    });
    var layer = new Kinetic.Layer();
    stage.add(layer);
 
    var image1=new Image();
    image1.onload=function(){
        $house.show();
    }
    image1.src="http://vignette1.wikia.nocookie.net/angrybirds/images/b/b6/Small.png/revision/latest?cb=20120501022157";
 
    $house.draggable({
        helper:'clone',
    });
 
    $house.data("url","house.png"); // key-value pair
    $house.data("width","32"); // key-value pair
    $house.data("height","33"); // key-value pair
    $house.data("image",image1); // key-value pair

    $stageContainer.droppable({
        drop:dragDrop,
    });
    function dragDrop(e,ui){
 
        var x=parseInt(ui.offset.left-offsetX);
        var y=parseInt(ui.offset.top-offsetY);
 
        var element=ui.draggable;
        var data=element.data("url");
        var theImage=element.data("image");
 
        var image = new Kinetic.Image({
            name:data,
            x:x,
            y:y,
            image:theImage,
            draggable: true,
        
        dragBoundFunc: function(pos) {
            return {
              x: pos.x,
              y: this.getAbsolutePosition().y
            }
        }        
        
	   });
			image.on("dragend", function(e) {
			   var points = image.getPosition();
			   var image1 = new Kinetic.Image({
					name: data,
					id: "imageantry",
					x: points.x+65,
					y: points.y,
					image: theImage,
					draggable: false
				});
					layer.add(image1);
					layer.draw();
			});
		image.on('dblclick', function() {
			image.remove();
			layer.draw();
		});
        layer.add(image);
        layer.draw();
    }
 
}); // end $(function(){});

</script>       
</head>
<body>
    <div id="toolbar">
        <img id="house" width=32 height=32 src="http://vignette1.wikia.nocookie.net/angrybirds/images/b/b6/Small.png/revision/latest?cb=20120501022157"><br>
    </div>
    <div id="container"></div>
</body>
</html>

Edited by Biruntha, 08 January 2015 - 10:14 AM.

Hi, I've read a lot of places that it's not recommended to store binary files in my db.
So instead I'm supposed to upload the image to a directory, and store the link to that directory in database.

First, how would I make a form that uploads the picture to the directory (And what kinda directories are we talking?).

Secondly, how would I retrieve that link? And I guess I should rename the picture..

I'd appreciate any help, or a good tutorial (Haven't found any myself).