2017-04-01 26 views
-1

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

这就是所谓的我的HTML文件的index.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; 
      } 
      } 

     ?> 
+0

您在PHP中回显HTML。样式与样式化HTML没有区别。 –

+0

但是,我怎样才能给一个php元素的样式?给PHP元素一个ID?如果是这样,我该怎么做? – SixPi

+0

完全取决于“php元素”的含义。 –

回答

0

您可以简单地回显整个html代码,您可以使用它的样式。这里是例子:

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

在这里你可以风格在你的CSS称为myClass的类。

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

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

记住php可以在双引号中回显任何html。希望这有助于:)