时间戳

首页 > 解决方案 > 如何使用 JS 从我的 XAMPP 服务器上的另一个文件夹中获取文件的名称

javascript - 如何使用 JS 从我的 XAMPP 服务器上的另一个文件夹中获取文件的名称

问题描述

我正在构建一个相册应用程序，当您上传图片时，它会保存在我的 XAMPP 服务器的照片目录中。现在我需要从照片目录中访问这些照片的文件名，以便再次显示它们。如何用javascript做到这一点？

<?php 
    if(isset($_FILES['image'])){
        $error = arraY();
        $file_name = $_FILES['image']['name'];
        $file_size = $_FILES['image']['size'];
        $file_tmp = $_FILES['image']['tmp_name'];
        $file_type = $_FILES['image']['type'];
        $hello = explode('.',$_FILES['image']['name']);
        $hello2 = end($hello);
        $file_ext = strtolower($hello2);
        $extensions = array('jpeg','jpg','png');
        if(in_array($file_ext,$extensions)==false){
            $error[] = "Please choose the image which has the extension as jpeg,jpg,png";
        }
        if(empty($error) == true){
            move_uploaded_file($file_tmp,"images/".$file_name);

        }
    }
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>Image Upload</h3>
    <form action="album.php" method="POST" enctype="multipart/form-data" id="form">
        <input type="file" name="image" id="image">
        <input type="submit" value="Upload">
    </form>
    <ul class="photoalbum"></ul>
</body>
</html>

标签： javascriptxamppserver-side

解决方案

推荐阅读