javascript - 有没有一种方法可以让我不使用数据库将上传的图像放入 html 页面?

标签 javascript php html image-uploading

我已经创建了一个表单并已成功将文件上传到目录文件夹中。现在需要做的就是我上传的图像需要出现在我的 html 页面上

下面是 HTML 文件:

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <form action="upload.php" method="POST" enctype="multipart/form-data">
    <input type="file" name="file">
    <button tpye="submit" name="submit"> UPLOAD </button>
    </form>
    </body>
   </html>

这也是我的 php 文件:

     <?php
    if(isset($_POST['submit'])){
    $file = $_FILES['file'];
    print_r($file);
    $fileName = $_FILES['file']['name'];
    $fileTmpName = $_FILES['file']['tmp_name'];
    $fileSize = $_FILES['file']['size'];
    $fileError = $_FILES['file']['error'];
    $fileType = $_FILES['file']['type'];

    $fileExt= explode('.',  $fileName);
    $fileActualExt = strtolower(end($fileExt));

    $allowed = array('jpg', 'jpeg', 'png', 'pdf');

    if(in_array($fileActualExt, $allowed)){
        if($fileError === 0 ){
            if($fileSize < 500000000){
                $fileNameNew = uniqid('', true).".".$fileActualExt;

                $fileDestination = 'uploads/'.$fileNameNew;

                move_uploaded_file($fileTmpName, $fileDestination);
                header("Location: gallery.php?uploadsuccess");

                //popup
                //echo "<script type='text/javascript'>alert('submitted successfully!')</script>";
            }

            else{
                echo "Your file is too big!";
            }
        }
        else{
            echo " Error uploading your file!";
        }
    }
    else {
        echo "You cannot upload files of this type!";
    }
    }

   ?>

预先感谢任何可以帮助我的人!

最佳答案

您可以使用PHP glob

类似的东西

<?php
    $fileDestination = 'uploads/';
    foreach (glob($fileDestination."*.{jpg,jpeg,png,pdf}", GLOB_BRACE) as $file) {
        var_dump($file);
    }
?>

关于javascript - 有没有一种方法可以让我不使用数据库将上传的图像放入 html 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46512192/

相关文章:

javascript - api未在ajax方法中加载,但在脚本标签中加载

javascript - 如何在 Canvas 中创建障碍

Javascript表多维

javascript - 如何检查一个 json 对象数组中的 id 是否存在于另一个嵌套的 json 对象数组中?

php - 在 PHP 7.3.13 Ubuntu 上安装 mcrypt 时出现问题

javascript - ChartJS 设置 yAxes "ticks"

javascript - 如何使 iframe 响应全高和全宽

javascript - 带有响应的 CustomEvent,这可能吗?

php - 使用 flot、mysql、php 进行实时绘图

php - Ubuntu 14.04.3 LTS 服务器 PHPMyAdmin 客户端被服务器配置拒绝 :/usr/share/phpmyadmin