如何用style.css编辑我的php文件?

时间:2017-04-01 11:48:02

标签: javascript php jquery html css

我创建了一个网站,允许访问者上传图片并在其他链接上查看。这是mijn网站http://sixpi.nl/dev这是我的代码。 我的问题是如何让media.php页面看起来不错。我怎样才能用CSS编辑它?我希望media.php看起来像这样(http://pexels.com)谢谢。

这是我的名为index.html的HTML文件

<!DOCTYPE html>
<html>
<head>
<body>

<a href="media.php">Kijk alle media!</a>
<script src="javascript.js"></script>
<img id="preview" alt="your image" width="100" height="100" />
<form action="upload.php" method="post" id="myForm" enctype="multipart/form-data">
    Select file to upload:
    <input type="file" name="fileToUpload" id="fileToUpload"  onchange="document.getElementById('preview').src = window.URL.createObjectURL(this.files[0])">
    <button name="submit" class="btn btn-primary" type="submit" value="submit">Upload File</button>

 </form>
 </body>
 </head>
 </html>

这是我的上传脚本,名为upload.php

<!DOCTYPE html>
<html>
<head>
<body>

<a href="media.php">Kijk alle media!</a>

<img id="preview" alt="your image" width="100" height="100" />


<form action="upload.php" method="post" id="myForm" enctype="multipart/form-data">
    Select file to upload:
    <input type="file" name="fileToUpload" id="fileToUpload"  onchange="document.getElementById('preview').src = window.URL.createObjectURL(this.files[0])">
    <button name="submit" class="btn btn-primary" type="submit" value="submit">Upload File</button>
 </form>

 </body>
 </head>
 </html>

这是我的媒体链接,上传的图片可见,名为media.php

<?php
     $files = glob("upload/*.*");
     for ($i=1; $i<count($files); $i++)
      {
        $image = $files[$i];
        $supported_file = array(
                'gif',
                'jpg',
                'jpeg',
                'png'
         );

         $ext = strtolower(pathinfo($image, PATHINFO_EXTENSION));
         if (in_array($ext, $supported_file)) {
             echo $image ."<br />";
             echo '<img src="'.$image .'" alt="Random image" width="600" height="480" />'."<br /><br />";
            } else {
                continue;
            }
          }

       ?>

1 个答案:

答案 0 :(得分:0)

您可以简单地回显整个HTML代码,您可以使用样式。这是一个例子:

<?php
for($i=0;$i<10;$i++)
        {
            ?>
<div class="myClass"></div>
        <?php
        }
?>

在这里,您可以在css中设置名为myClass的类。

如果您不想使用循环,那么这对您有用。

<div class="myClass"></div>

记住php可以用双引号回显任何html。希望这会有所帮助:)