通过JS将HTML / PHP代码段添加到<ul>中?

时间:2016-05-22 19:08:48

标签: javascript php html image html-lists

我通过upload.php文件将图像保存到主目录中的上传/文件夹中。我想这样做,以便如果图像成功上传到该文件夹​​,它将作为li标签添加到我的索引文件中。

这是index.php的片段

<ul>
        <li><img src="<?php echo $_SESSION['filename'];  ?>"></li>
</ul>

这是upload.php的结尾,我希望每次成功运行时都要添加上面的li元素

//Upload file
else {
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
    echo "The file ". $target_file. " has been uploaded.";
} else {
    echo "Sorry, there was an error uploading your file.";
     }
}

1 个答案:

答案 0 :(得分:0)

您可以将文件名存储为数据库中带有索引的数据库,以便于排序,例如使用MySQL,在查询并将结果提取到数组后,您可以使用带有php的foreach循环。

$filenames = mysqli_query($conn, "SELECT * FROM allFiles ORDER BY id DESC");
          while($row = mysqli_fetch_assoc($filenames )){
            $filenameArr[] = $row;
          }

然后你可以使用像foreach这样的foreach:

<?php foreach (filenameArr as $k => $v) { ?>
  <ul>
    <li><img src="<?php echo filenameARR[$k]['filename']; ?>"></li>
  </ul>
<?php } ?>