imageuploader/img.php at main · abdullahzamir/imageuploader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Image Gallery</title>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

</head>

<body>


  <div class="container-fluid">
  <h5 class="text-left mt-3">
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
    <div class="navbar-nav">
      <a class="nav-item nav-link" href="http://localhost:5000/index">Home</a>
      <a class="nav-item nav-link" href="http://localhost:5000/search">Search</a>
      <a class="nav-item nav-link" href="http://localhost:5000/delete">Delete</a>

    </div>
  </div>
</nav>
      </h1>
  <h3 class="text-center mt-3">Uploaded Images</h3>
  <h5 class="text-center">Gallery</h5>
    <?php
      echo "<div class='row'>";
      $files = scandir('./'.$argv[1]);
      foreach($files as $file) {
          if($file !== "." && $file !== "..") {
            echo "<div class=' col-6 col-sm-4 col-md-3 mt-3 mb-3'>
            <img src='http://localhost:8000/$argv[1]/$file' alt='image' width='100%' />
            <p> $file </p></div>";

          }
      }
      echo "</div>";
    ?>
  </div>

</body>
</html>