Databases
StackOverflow2013
Postsdbo
POChanging a Image source file using php
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChanging a Image source file using php
    text
    copied!<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>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload