title: Changing a Image source file using php
body: <p>I want to basically make a simple picture upload, then change the first picture to the newly uploaded photo</p>
  
  <p>Php code: (commented for your helping)</p>
  
  <pre><code>&lt;?php
  
  //define a maxim size for the uploaded images in Kb
   define ("MAX_SIZE","100"); 
  
  //This function reads the extension of the file. It is used to determine if the file  is an     image by checking the extension.
  function getExtension($str) {
       $i = strrpos($str,".");
       if (!$i) { return ""; }
       $l = strlen($str) - $i;
       $ext = substr($str,$i+1,$l);
       return $ext;
  }
  
  //This variable is used as a flag. The value is initialized with 0 (meaning no error  found)  
  //and it will be changed to 1 if an errror occures.
  
  //If the error occures the file will not be uploaded.
   $errors=0;
   //checks if the form has been submitted
   if(isset($_POST['Submit'])) 
   {
  
  //reads the name of the file the user submitted for uploading
  $image=$_FILES['image']['name'];
  
  //if it is not empty
  if ($image) 
  {
  
  //get the original name of the file from the clients machine
      $filename = stripslashes($_FILES['image']['name']);
  
  //get the extension of the file in a lower case format
      $extension = getExtension($filename);
      $extension = strtolower($extension);
  
  //if it is not a known extension, we will suppose it is an error and will not      upload the file,  
  //otherwise we will do more tests
  if (($extension != "jpg") &amp;&amp; ($extension != "jpeg") &amp;&amp; ($extension != "png") &amp;&amp;              ($extension != "gif")) 
      {
  
  //print error message
  
  echo "";
  
          $errors=1;
      }
      else
      {
  //get the size of the image in bytes
  //$_FILES['image']['tmp_name'] is the temporary filename of the file
  //in which the uploaded file was stored on the server
  $size=filesize($_FILES['image']['tmp_name']);
  
  //compare the size with the maxim size we defined and print error if bigger
  if ($size &gt; MAX_SIZE*1024)
  {
  echo "";
  
  $errors=1;
  }
  //we will give an unique name, for example the time in unix time format
  $image_name=time().'.'.$extension;
  
  //the new name will be containing the full path where will be stored (images folder)
  $newname="images/".$image_name;
  
  //we verify if the image has been uploaded, and print error instead
  $copied = copy($_FILES['image']['tmp_name'], $newname);
  if (!$copied) 
  {
  echo "";
  
  $errors=1;
  }}}}
  
  //If no errors registred, print the success message
  if(isset($_POST['Submit']) &amp;&amp; !$errors) 
  {
  echo "";
  }
  
  ?&gt;
  </code></pre>
  
  <p>-The Photo Div.</p>
  
  <pre><code>&lt;div id="photo1div"&gt;
  &lt;img id="photo1" src=""  alt="No Image" width="251" height="146" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>-The Buttons (Upload and Browse)</p>
  
  <pre><code>&lt;form name="newad" method="post" enctype="multipart/form-data"  action=""&gt;
    &lt;table&gt;
    &lt;tr&gt;&lt;td&gt;&lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input type="file" name="image" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input name="Submit" id="upload" type="submit" value="Upload image"     onclick"load_images()" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>-If you have a better way I could do this (like jquery or ajax)
  Please by all means tell me how</p>
  
  <p><strong>The Php and all are in the same file (.php ext.)</strong></p>
  
  <p>So review:</p>
  
  <p>When I click Browse and choose a image it saves to a directory folder called "image"/ then When I click submit I want it to change the Image source (photo1) to the Image I just uploaded.</p>
  
  <p>Any way I can accomplish this?</p>
  
  <p>Thanks 
       -Julian</p>