Merge branch 'image' of https://github.com/Avans/Security-Workshop into xss
root
11 years ago
@ -0,0 +1,7 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
header('Content-Type: image/jpeg'); |
||||||
|
|
||||||
|
echo file_get_contents($_GET['file']); |
||||||
|
|
||||||
|
?> |
||||||
@ -0,0 +1,41 @@ |
|||||||
|
<?php |
||||||
|
if($_FILES) { |
||||||
|
move_uploaded_file($_FILES["file"]["tmp_name"], "uploads/" . $_FILES["file"]["name"]); |
||||||
|
} |
||||||
|
?><!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<title>imgr: the simple image sharer</title> |
||||||
|
|
||||||
|
<link rel="stylesheet" href="/themes/css/bootstrap.min.css" media="screen"/> |
||||||
|
<link rel="stylesheet" href="/themes/css/imgr.css" media="screen"/> |
||||||
|
|
||||||
|
<!-- De code in dit bestand is met opzet slecht en zeer onveilig opgezet. |
||||||
|
GEBRUIK DEZE CODE NIET als referentiemateriaal voor je eigen PHP projecten! --> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body class="row-fluid"> |
||||||
|
|
||||||
|
<div id="site-header"> |
||||||
|
<img src="/themes/images/imgr.png" class="offset1"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="panel span6 offset1 images"> |
||||||
|
<div class="header">The <em>meest recente</em> plaatjes van vandaag:</div> |
||||||
|
<?php |
||||||
|
foreach ( glob('uploads/*') as $image ) { |
||||||
|
echo '<a href="image.php?file='.$image.'"><img src="'.$image.'"></a>'; |
||||||
|
} |
||||||
|
?> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="panel span4"> |
||||||
|
<form enctype="multipart/form-data" method="POST"> |
||||||
|
<input type="file" name="file"> |
||||||
|
<button type="submit">Upload afbeelding</button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
|
||||||
|
</body> |
||||||
|
</html> |
||||||
|
After Width: | Height: | Size: 429 KiB |
|
After Width: | Height: | Size: 405 KiB |
|
After Width: | Height: | Size: 372 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 353 KiB |
|
After Width: | Height: | Size: 521 KiB |
@ -0,0 +1,72 @@ |
|||||||
|
body { |
||||||
|
background-color: #121211; |
||||||
|
color: white; |
||||||
|
margin: 0 auto; |
||||||
|
font-family: Arial, sans-serif; |
||||||
|
} |
||||||
|
|
||||||
|
#center { |
||||||
|
margin: 0 auto; |
||||||
|
float: none; |
||||||
|
} |
||||||
|
|
||||||
|
#site-header { |
||||||
|
background-color: #2b2b2b; |
||||||
|
border-bottom: 4px solid #444442; |
||||||
|
height: 36px; |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#site-header img { |
||||||
|
height: 36px; |
||||||
|
} |
||||||
|
|
||||||
|
.panel { |
||||||
|
background-color: #2b2b2b; |
||||||
|
padding: 25px; |
||||||
|
-webkit-border-radius: 10px; |
||||||
|
-moz-border-radius: 10px; |
||||||
|
border-radius: 10px; |
||||||
|
font-weight: 700; |
||||||
|
} |
||||||
|
|
||||||
|
.header { |
||||||
|
background-color: #181817; |
||||||
|
-webkit-border-radius: 4px; |
||||||
|
-moz-border-radius: 4px; |
||||||
|
border-radius: 4px; |
||||||
|
padding: 10px; |
||||||
|
margin-bottom: 10px; |
||||||
|
height: 19px; |
||||||
|
line-height: 18px; |
||||||
|
color: #ddddd1; |
||||||
|
} |
||||||
|
|
||||||
|
.header em { |
||||||
|
font-style: normal; |
||||||
|
color: #85bf25; |
||||||
|
} |
||||||
|
|
||||||
|
.images img { |
||||||
|
width: 135px; |
||||||
|
height: 135px; |
||||||
|
margin: 3px; |
||||||
|
float: left; |
||||||
|
border: 3px solid #444442; |
||||||
|
} |
||||||
|
|
||||||
|
button { |
||||||
|
background: #2b2b2b; |
||||||
|
background: -moz-linear-gradient(top,#2b2b2b 0,#444442 0,#121211 100%); |
||||||
|
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2b2b2b),color-stop(0%,#444442),color-stop(100%,#121211)); |
||||||
|
background: -webkit-linear-gradient(top,#2b2b2b 0,#444442 0,#121211 100%); |
||||||
|
background: -o-linear-gradient(top,#2b2b2b 0,#444442 0,#121211 100%); |
||||||
|
background: -ms-linear-gradient(top,#2b2b2b 0,#444442 0,#121211 100%); |
||||||
|
background: linear-gradient(to bottom,#2b2b2b 0,#444442 0,#121211 100%); |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444442', endColorstr='#121211', GradientType=0); |
||||||
|
border-radius: 8px; |
||||||
|
color: white; |
||||||
|
font-weight: 700; |
||||||
|
width: 100%; |
||||||
|
padding: 4px; |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 1.6 KiB |