Javascript 将HTML/PHP代码段添加到<；ul>；通过JS？

我通过upload.php文件将图像保存到主目录中的uploads/文件夹中。我想这样做，如果一个图像成功上传到文件夹中，它将作为li标记添加到我的索引文件中

下面是index.php中的代码片段

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

---

您可以将文件名作为指向dir的路径存储在一个数据库中，该数据库带有一个索引，以便于排序，例如使用MySQL，查询并将结果获取到一个数组后，您可以使用php的foreach循环

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

然后您可以使用foreach，如：

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

“>

您可以将文件名作为指向您的目录的路径存储在数据库中，并使用索引进行简单排序，例如使用MySQL，查询并将结果提取到数组后，您可以使用php的foreach循环

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

然后您可以使用foreach，如：

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

“>

更好的方法是将每个新文件名保存在一个数据库/xml文件/序列化数组/任何可以轻松管理数据的文件中，然后在index.php文件上获取数据，在其中循环并在

li

标记中显示。使upload.php json响应，使用ajax请求查看upload.php是否正确响应，然后使用javascript将其添加到页面中。更好的方法是将每个新文件名保存在数据库/xml文件/序列化数组/任何可以轻松管理数据的文件中，然后在index.php文件中获取数据，循环浏览并在

li

标记中显示每个文件。使upload.php json响应，使用ajax请求查看upload.php是否正确响应，然后使用javascript将其添加到页面中。