With what i have done so far, I can upload an image to a folder and save the name in the database. What i am trying to do is to be able to view each image in a browser with the corresponding name besides or under it. But what i have is the wrong image assigned a wrong name. The first image in my browser is assigned the next two names in the records in the database. What am i doing wrong? Please I need help.
Here are my codes:
ADD Page:-
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="100" align="center" bgcolor="#CC0000" class="header_title">Facilitators Panel
<table width="600" height="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="448" class="header_title" height="20"></td>
<td width="92" class="text2"><a href="cpanel.php?user=<?php echo $row_rsadmin['aID']; ?>">Control Panel</a></td>
<td width="60" class="text2">Logout</td>
</tr>
</table></td>
</tr>
<tr>
<td height="300" valign="top" bgcolor="#666666" class="text2"><table width="640" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td class="text2"><a href="adfacilitators.php?user=<?php echo $row_rsadmin['aID']; ?>">Back</a></td>
</tr>
<tr>
<td class="text2"> </td>
</tr>
</table>
<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="640" height="40" colspan="4" align="center"><form action="fac.php" method="post" enctype="multipart/form-data" name="fac" id="fac">
<table width="580" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="1" align="right"> </td>
</tr>
<tr>
<td width="132" align="right" class="text3">Name:</td>
<td width="10" rowspan="4"> </td>
<td colspan="2"><label>
<input name="name" type="text" class="textbox" id="name" />
</label></td>
</tr>
<tr>
<td height="45" align="right"><p class="text3">Photo:</p></td>
<td width="272" height="45"><input type="hidden" name="MAX_FILE_SIZE" value="256000" />
<input name="photo" type="file" id="photo" size="26" /></td>
<td width="166"> </td>
</tr>
<tr>
<td height="1" align="right"> </td>
</tr>
<tr>
<td height="40" align="right"> </td>
<td colspan="2" valign="top"><label>
<input name="button" type="submit" class="readmore" id="button" value="Submit" />
</label>
<input name="button2" type="reset" class="readmore" id="button2" value="Reset" /></td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td height="10" colspan="4" align="center"></td>
</tr>
</table></p></td></tr>
</table>
Processing Page:-
<?php require("../Connections/connMain.php"); ?>
<?php
// validation... since this is an image upload script we should run a check
// to make sure the uploaded file is in fact an image. Here is a simple check:
// getimagesize() returns false if the file tested is not an image.
if ($image = @getimagesize($_FILES['photo']['tmp_name'])&& ($_FILES["photo"]["size"]<= 2560000))
{}
else
{
header("Location:error1.php");
exit;
}
//This gets all the other information from the form
$name = htmlspecialchars($_POST['name']);
$pix= ($_FILES['photo']['name']);
$tmpName = $_FILES['photo']['tmp_name'];
//Writes the information to the database
mysql_query("INSERT INTO facilitators (photo, name) VALUES ('$pix', '$name')");
//This is the directory where images will be saved
// Make sure the file was sent without errors
//if($_FILES['photo']['error'] == 0) {
$target = "../facilitators/";
$target = $target . basename( $_FILES['photo']['name']);
//Writes the photo to the server
if(move_uploaded_file($tmpName, $target))
{
header("Location:adfacilitators.php");
}
else {
header("Location:error2.php");
}
?>
OutPut Page:
<div id="wrapper2">
<div id="headercont"><?php require_once('header.html'); ?></div>
<div id="bannercont"><?php require_once('banner.html'); ?></div>
<div id="mainbody">
<div id="sidelink"><?php require_once('sidelink.html'); ?></div>
<div id="mainbodyr">
<div class="clear_4"></div>
<div id="subheadertext">Facilitators</div>
<div class="clear_4"></div>
<div id="mainbodycontentcont">
<?php do { ?>
<table width="520" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><div id="mainbodypiccont">
<? $info = mysql_fetch_array( $rsFacilitator ); echo "<img src=http://localhost/youngatart/facilitators/".$info['photo'] ." width='150'>" ?>
</div></td>
<td width="370"><div id="mainbodytextcont">
<div id="text1"><?php echo $row_rsFacilitator['name']; ?></div>
</div></td>
</tr>
<tr>
<td height="20" colspan="2"></td>
</tr>
</table>
<?php } while ($row_rsFacilitator = mysql_fetch_assoc($rsFacilitator)); ?>
</div>
</div>
<div class="clear_5"></div>
</div>
</div>
</body>
Check this, I have changed your code a bit,
EDIT
i did not exactly understand your question but if you want to edit your data from image click just give
<a>tag to image.