maar wil nu er een laatste din aan toevoegen en dat is een upload file by url funtcie ik heb al verschilende dinge geprobeerd en geen susces
en het voordeel dat ik nu heb is dat het bestand word geupload maar niet word opgeslagen dus is er geen bestand groote limiet en ik wil dit graag zo houden
demo: http://mcu.hypergainz.eu/MD5/mini/
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Multi File Md5 Calculator</title>
<!-- Google web fonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700" rel='stylesheet' />
<!-- The main CSS file -->
<link href="assets/css/style.css" rel="stylesheet" />
</head>
<body>
<!-- MD5 By File -->
<form id="upload" method="post" action="upload.php" enctype="multipart/form-data">
<div id="drop">
<p>Drop Here</p>
<a>Browse</a>
<input type="file" name="upl" multiple />
</div>
<!-- MD5 By Url -->
<div id="add">
Get MD5 By Link:
<input type="text" name="link">
<a>Submit</a>
</div>
<ul>
<!-- The file uploads will be shown here -->
</ul>
</form>
<footer>
<h2>.:[ Made By: HyperGainZ , max96at And stephenmac7 from the #MCUpdater Channel on esper.net ]:.</h2>
</footer>
<!-- JavaScript Includes -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="assets/js/jquery.knob.js"></script>
<!-- jQuery File Upload Dependencies -->
<script src="assets/js/jquery.ui.widget.js"></script>
<script src="assets/js/jquery.iframe-transport.js"></script>
<script src="assets/js/jquery.fileupload.js"></script>
<!-- Our main JS file -->
<script src="assets/js/script.js"></script>
<!-- code from stephenmac7 -->
<!-- ohh nvm no code here :D -->
<!-- Hypergainz -->
<script type="text/javascript" src="assets/js/jquery.zclip.min.js"></script>
</body>
</html>
upload.php
<?php
if(isset($_FILES['upl']) && $_FILES['upl']['error'] == 0){
$extension = pathinfo($_FILES['upl']['name'], PATHINFO_EXTENSION);
if($md5 = md5_file($_FILES['upl']['tmp_name'])){
echo '{"status":"success", "md5":"'.$md5.'"}';
exit;
}
}
echo '{"status":"error"}';
exit;
script.js
/*-------------------------
Simple reset
--------------------------*/
*{
margin:0;
padding:0;
}
/*-------------------------
General Styles
--------------------------*/
html{
background-color:#ebebec;
background-image:-webkit-radial-gradient(center, #ebebec, #b4b4b4);
background-image:-moz-radial-gradient(center, #ebebec, #b4b4b4);
background-image:radial-gradient(center, #ebebec, #b4b4b4);
min-height:900px;
}
body{
font:15px/1.3 Arial, sans-serif;
color: #4f4f4f;
}
a, a:visited {
outline:none;
color:#389dc1;
}
a:hover{
text-decoration:none;
}
section, footer, header, aside{
display: block;
}
/*----------------------------
The file upload form
-----------------------------*/
#upload{
font-family:'PT Sans Narrow', sans-serif;
background-color:#373a3d;
background-image:-webkit-linear-gradient(top, #373a3d, #313437);
background-image:-moz-linear-gradient(top, #373a3d, #313437);
background-image:linear-gradient(top, #373a3d, #313437);
width:500px;
padding:30px;
border-radius:3px;
margin:200px auto 100px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#drop{
background-color: #2E3134;
padding: 40px 50px;
margin-bottom: 30px;
border: 20px solid rgba(0, 0, 0, 0);
border-radius: 3px;
border-image: url('../img/border-image.png') 25 repeat;
text-align: center;
text-transform: uppercase;
font-size:16px;
font-weight:bold;
color:#7f858a;
}
#drop a{
background-color:#007a96;
padding:12px 26px;
color:#fff;
font-size:14px;
border-radius:2px;
cursor:pointer;
display:inline-block;
margin-top:12px;
line-height:1;
}
#drop a:hover{
background-color:#0986a3;
}
#drop input{
display:none;
}
#upload ul{
list-style:none;
margin:0 -30px;
border-top:1px solid #2b2e31;
border-bottom:1px solid #3d4043;
}
#upload ul li{
background-color:#333639;
background-image:-webkit-linear-gradient(top, #333639, #303335);
background-image:-moz-linear-gradient(top, #333639, #303335);
background-image:linear-gradient(top, #333639, #303335);
border-top:1px solid #3d4043;
border-bottom:1px solid #2b2e31;
padding:15px;
height: 52px;
position: relative;
}
#upload ul li input{
display: none;
}
#upload ul li p{
width: 100%;
overflow: hidden;
white-space: nowrap;
color: #EEE;
font-size: 16px;
font-weight: bold;
position: absolute;
top: 20px;
left: 100px;
}
#upload ul li i{
font-weight: normal;
font-style:normal;
color:#7f7f7f;
display:block;
}
#upload ul li canvas{
top: 15px;
left: 32px;
position: absolute;
}
#upload ul li span{
width: 15px;
height: 12px;
background: url('../img/icons.png') no-repeat;
position: absolute;
top: 34px;
right: 33px;
cursor:pointer;
}
#upload ul li.working span{
height: 16px;
background-position: 0 -12px;
}
#upload ul li.error p{
color:red;
}
/*----------------------------
Upload by link
-----------------------------*/
#Link{
font-family:'PT Sans Narrow', sans-serif;
background-color:#373a3d;
background-image:-webkit-linear-gradient(top, #373a3d, #313437);
background-image:-moz-linear-gradient(top, #373a3d, #313437);
background-image:linear-gradient(top, #373a3d, #313437);
width:500px;
padding:30px;
border-radius:3px;
margin:200px auto 100px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#add{
background-color: #2E3134;
margin-bottom: 30px;
border: 20px solid rgba(0, 0, 0, 0);
border-radius: 3px;
border-image: url('http://mcu.hypergainz.eu/MD5/mini/assets/img/border-image.png') 25 repeat;
text-align: center;
text-transform: uppercase;
font-size:16px;
font-weight:bold;
color:#7f858a;
}
#add a{
background-color:#007a96;
padding:12px 26px;
color:#fff;
font-size:14px;
border-radius:2px;
cursor:pointer;
display:inline-block;
margin-top:12px;
line-height:1;
}
#add a:hover{
background-color:#0986a3;
}
#link ul{
list-style:none;
margin:0 -30px;
border-top:1px solid #2b2e31;
border-bottom:1px solid #3d4043;
}
#link ul li{
background-color:#333639;
background-image:-webkit-linear-gradient(top, #333639, #303335);
background-image:-moz-linear-gradient(top, #333639, #303335);
background-image:linear-gradient(top, #333639, #303335);
border-top:1px solid #3d4043;
border-bottom:1px solid #2b2e31;
padding:15px;
height: 52px;
position: relative;
}
#link ul li input{
display: none;
}
#link ul li p{
width: 100%;
overflow: hidden;
white-space: nowrap;
color: #EEE;
font-size: 16px;
font-weight: bold;
position: absolute;
top: 20px;
left: 100px;
}
#link ul li i{
font-weight: normal;
font-style:normal;
color:#7f7f7f;
display:block;
}
#link ul li canvas{
top: 15px;
left: 32px;
position: absolute;
}
#link ul li span{
width: 15px;
height: 12px;
background: url('../img/icons.png') no-repeat;
position: absolute;
top: 34px;
right: 33px;
cursor:pointer;
}
#link ul li.working span{
height: 16px;
background-position: 0 -12px;
}
#link ul li.error p{
color:red;
}
/*----------------------------
The Demo Footer
-----------------------------*/
footer{
background-color: #080808;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0,0,0,0.4);
height: 40px;
left: 0;
position: fixed;
width: 100%;
z-index: 100000;
}
footer h2{
font-size: 20px;
font-weight: normal;
position: absolute;
top:0;
left: 50%;
bottom:0;
margin-left: -420px;
padding:13px 20px 0;
border:1px solid #000;
border-width:0 1px;
background-color:rgba(0,0,0,0.6);
box-shadow:0 0 5px #000 inset;
line-height: 1;
margin-top: 0;
}
footer h2 a{
color: #EEEEEE !important;
text-decoration:none !important;
}
footer h2 i{
font-style:normal;
color:#888;
}
#tzine-download{
opacity:0.9;
background-color:#257691;
font-size:11px;
text-align:center;
text-transform:uppercase;
width:150px;
height:28px;
line-height:28px;
text-decoration:none !important;
display: inline-block;
border-radius: 2px;
color: #fff !Important;
font-weight: bold;
box-shadow: 0 -1px 2px #1e5e74 inset;
border-top:1px solid #26849c;
text-shadow:1px 1px 1px #1e6176;
margin-top:6px;
}
#tzine-download:hover{
opacity:1;
}
#tzine-actions{
position:absolute;
top:0;
width:500px;
right:50%;
margin-right:-420px;
text-align:right;
}
#tzine-actions iframe{
display: inline-block;
height: 21px;
width: 95px;
position: relative;
float: left;
margin-top: 11px;
}
