Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何自动将照片添加到页面_Php_Css_File Upload - Fatal编程技术网

Php 如何自动将照片添加到页面

Php 如何自动将照片添加到页面,php,css,file-upload,Php,Css,File Upload,我刚刚设置了一个fileupload.php,这样我就可以上传文件了,但我很感兴趣的是,我想在我指定的css页面上立即设置文件。有办法做到这一点吗?我想有三列的照片,观众可以看到我上传的文件,所以我不必手动添加到代码中,每次我想添加一张照片到页面 我已经知道如何用照片制作一个网格,但我真的很感兴趣的是如何将所有照片上传到页面上,以便立即放置在该网格上 My graphics.php页面: My upload.php页面: 提前感谢您的帮助。如果需要我的代码中的任何东西,您希望我提供,我可以这样做

我刚刚设置了一个fileupload.php,这样我就可以上传文件了,但我很感兴趣的是,我想在我指定的css页面上立即设置文件。有办法做到这一点吗?我想有三列的照片,观众可以看到我上传的文件,所以我不必手动添加到代码中,每次我想添加一张照片到页面

我已经知道如何用照片制作一个网格,但我真的很感兴趣的是如何将所有照片上传到页面上,以便立即放置在该网格上

My graphics.php页面:

My upload.php页面:

提前感谢您的帮助。如果需要我的代码中的任何东西,您希望我提供,我可以这样做

致以最良好的祝愿,
Codi

您应该使用php“阅读”您的上传文件夹,并显示图像:使用scandir并循环浏览结果。@无所谓,谢谢您的帮助,希望将您的评论标记为答案,但无法这样做,因为它只是对我的问题的评论。这个链接让我找到了答案。@nevermind还有什么简单的方法来设计这些图片的样式吗?我似乎无法正确地将它们包装到div中以设置样式。@CodiBezouka Smith,您应该构建某种模板-在循环之前打开div,设置样式,然后循环图像,您可以在php代码中向图像添加所需的类。。。根据你的需要。不确定尺寸和所需的输出,但基本上-简单的html/css可以完成这项工作。。。
<?php include 'includes/header.php' ?>



<div class="graphics_content">
    <div class="page_top_image">
        <img src="includes/img/heartfx_graphics.png" class="img-responsive" alt="Responsive image">
    </div>
</div>

<div class="photo_upload">
    <div class="photo_upload_form">
        <form action="upload.php" method="post" enctype="multipart/form-data">
            Select image to upload:
            <br>
            <input type="file" name="fileToUpload" id="fileToUpload">
            <br>
            <input type="submit" value="Upload Image" name="submit">
        </form>
    </div>
</div>
<?php
        $target_dir = "uploads/";
        $target_file = $target_dir .basename($_FILES["fileToUpload"]["name"]);
        $uploadOK = 1;
        $imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
        //Check if image file is an actual image or a fake image
        if(isset($_POST["submit"])) {
            $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
            if($check !== false) {
                echo "File is an image - " . $check["mime"] . ".";
                $uploadOK = 1;
            } else {
                echo "File is not an image.";
                $uploadOK = 0;
            }
        }

        // Check if file already exists
        if (file_exists($target_file)) {
            echo "Sorry, file already exists.";
            $uploadOK = 0;
        }

        // Check file size
        if ($_FILES["fileToUpload"]["size"] > 500000) {
            echo "Sorry, your file is too large.";
            $uploadOK = 0;
        }

        // Allow certain file formats
        if($imageFileType != "png") {
            echo "Sorry, only PNG files are allowed.";
            $uploadOK = 0;
        }

        // Check if $uploadOK is set to 0 by an error
        if ($uploadOK == 0) {
            echo "Sorry, your file was not uploaded.";
        // If everything is ok, try to upload file
        } else {
            if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
                echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
            } else {
                echo "Sorry, there was an error uploading your file.";
            }
        }

        ?>