如何在浏览器中正确查看存储在服务器上的图像


How do I get the image stored on a server to be viewed properly in my browser?

通过迄今为止所做的工作,我可以将图像上传到文件夹并将名称保存在数据库中。我想做的是能够在浏览器中查看每张图像,并在其旁边或下面显示相应的名称。但我看到的是错误的图像被指定了错误的名称。浏览器中的第一个图像被分配给数据库中记录中的下两个名称。我做错了什么?求你了,我需要帮助。

这是我的代码:

添加页面:-

    <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>&nbsp;</td>
          </tr>
          <tr>
            <td class="text2"><a href="adfacilitators.php?user=<?php echo $row_rsadmin['aID']; ?>">Back</a></td>
          </tr>
          <tr>
            <td class="text2">&nbsp;</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">&nbsp;</td>
        </tr>
        <tr>
          <td width="132" align="right" class="text3">Name:</td>
          <td width="10" rowspan="4">&nbsp;</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">&nbsp;</td>
        </tr>
        <tr>
          <td height="1" align="right">&nbsp;</td>
        </tr>
        <tr>
          <td height="40" align="right">&nbsp;</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>

处理页面:-

    <?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");
     }
    ?>

输出页面:

<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>

检查一下,我已经更改了您的代码,

<div id="mainbodycontentcont">
            <?php while ($row_rsFacilitator = mysql_fetch_assoc($rsFacilitator) { ?>
            <table width="520" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="150"><div id="mainbodypiccont">
                  <? echo "<img src=http://localhost/youngatart/facilitators/".$row_rsFacilitator['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 }?>
          </div>

编辑我不完全理解你的问题,但如果你想编辑图片中的数据,只需给图片添加<a>标签。

<div id="mainbodycontentcont">
                <?php while ($row_rsFacilitator = mysql_fetch_assoc($rsFacilitator)) { ?>
                <table width="520" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="150"><div id="mainbodypiccont">
                      <? echo "<a href='yourfilename.php?imageid=1'><img src=http://localhost/youngatart/facilitators/".$row_rsFacilitator['photo'] ." width='150'></a>" ?>
                    </div></td>
                    <td width="370"><div id="mainbodytextcont">
                      <div id="text1"><a href='yourfilename.php?imageid=1'><?php echo $row_rsFacilitator['name']; ?></a></div>
                    </div></td>
                  </tr>
                  <tr>
                    <td height="20" colspan="2"></td>
                  </tr>
                </table>
                  <?php }?>
              </div>

很好地看到了您的代码,您先插入了记录,然后上传了文件。试着反过来做。首先上传文件。如果成功,将图片名称分配给变量$pix,然后在数据库中插入内容。并检查文件夹中是否有文件上传成功的目录。请尝试将此文件的名称与刚刚插入数据库的名称相匹配。

此外,请注意:

  • 避免使用不推荐使用的mysql_函数,请使用mysqli_或PDO
  • 使用参数化查询