Javascript 在php中上载和显示图像

我正在建立一个网站，将有一个这样的形式

<form action="demo.php" method="post" enctype="multipart/form-data">
        
         <input type="file" name="fileToUpload" id="fileToUpload">
                    
            <div class="col-12 text-center tm-submit-container">
                <button type="submit" href="#" class="btn btn-primary tm-btn-submit">Submit</button>
            </div>
            
    </form>

提交

在这里，我需要在这个页面上传一个图像，并在demo.php页面中显示它（提交时重定向） demo.php

欢迎

---

有人能帮我怎么做吗？我在w3学校尝试过教程，但没有成功。

查看页面：-

<form method="post" action="" enctype='multipart/form-data'>
  <input type="file" name="fileToUpload" id="fileToUpload">
                    
<div class="col-12 text-center tm-submit-container">
    <button type="submit" name="but_upload" class="btn btn-primary tm-btn-submit">Submit</button>
</div>
</form>

<?php
include("config.php");

if(isset($_POST['but_upload'])){
 
  $name = $_FILES['fileToUpload']['name'];
  $target_dir = "upload/";    // create a folder in a directory.
  $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);

  // Select file type
  $imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

  // Valid file extensions
  $extensions_arr = array("jpg","jpeg","png","gif");

  // Check extension
  if( in_array($imageFileType,$extensions_arr) ){
 
     // Insert record
     $query = "insert into images(images) values('".$name."')";
     mysqli_query($con,$query);
  
     // Upload file
     move_uploaded_file($_FILES['fileToUpload']['tmp_name'],$target_dir.$name);

  }
 
}
?>

<?php
    $sql = "select * from images";
    $result = mysqli_query($con,$sql);
    while($row = mysqli_fetch_array($result)){
          $image = $row['image'];
          $image_src = "upload/".$image; 
          <img src='<?php echo $image_src;  ?>' >;
    }
?>

提交

插入代码：-

<form method="post" action="" enctype='multipart/form-data'>
  <input type="file" name="fileToUpload" id="fileToUpload">
                    
<div class="col-12 text-center tm-submit-container">
    <button type="submit" name="but_upload" class="btn btn-primary tm-btn-submit">Submit</button>
</div>
</form>

<?php
include("config.php");

if(isset($_POST['but_upload'])){
 
  $name = $_FILES['fileToUpload']['name'];
  $target_dir = "upload/";    // create a folder in a directory.
  $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);

  // Select file type
  $imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

  // Valid file extensions
  $extensions_arr = array("jpg","jpeg","png","gif");

  // Check extension
  if( in_array($imageFileType,$extensions_arr) ){
 
     // Insert record
     $query = "insert into images(images) values('".$name."')";
     mysqli_query($con,$query);
  
     // Upload file
     move_uploaded_file($_FILES['fileToUpload']['tmp_name'],$target_dir.$name);

  }
 
}
?>

<?php
    $sql = "select * from images";
    $result = mysqli_query($con,$sql);
    while($row = mysqli_fetch_array($result)){
          $image = $row['image'];
          $image_src = "upload/".$image; 
          <img src='<?php echo $image_src;  ?>' >;
    }
?>

---

您想要什么？？我想在演示中显示上载的图像。php您也要在数据库和文件夹中上载图像？？仅文件夹不在数据库中我不想插入数据库我想插入文件夹首先您必须插入数据库并移到文件夹中，然后查看该图像。。