Bestanden uploaden
Ik heb een vraagje, ik heb een website waar men bestanden kan uploaden, echter ik heb het volgende probleem:
Bestanden uploaden in IE en Safari(Apple browser) wil maar niet lukken. De knop "Bestanden uploaden" blijft "hangen". In Firefox werkt het uploaden wel. Weet iemand waardoor dat komt ?
Alvast bedankt voor de moeite.
we kunnen niks met zown vraag omschrijving.
we zijn geen helderziende weetje ;)
Gewijzigd op 01/01/1970 01:00:00 door RvW Of toch niet
Code (php)
1
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Compucolor upload</title>
<style type="text/css">
html, body {
font-family: verdana;
font-size: 11px;
}
h1 {
font-family: verdana;
font-size: 15px;
border-bottom: 1px solid black;
margin-bottom: 10px;
}
#main {
width: 500px;
background-color: #cccccc;
padding: 10px;
margin: 30px auto;
}
#uploaders {
padding: 5px;
background-color: white;
}
#uploaders div {
margin: 5px 2px 2px 2px;
padding: 3px;
}
.wit {
background-color: white;
margin: 5px 0;
padding: 5px;
}
a {
color: black;
cursor: pointer;
text-decoration: underline;
}
</style>
<script type="text/javascript">
var c=1,d=document;
function addUploader(){
c++; // haha.. c++ .. muhahha
var di = document.createElement('div');
di.innerHTML = "<input type='file' name='bestand"+c+"' />";
document.getElementById('uploaders').appendChild( di );
}
function deSubmit(){
var s=d.getElementById('submitter');
s.disabled="true";
s.value="Een moment geduld, uw bestanden worden geupload!";
}
</script>
</head>
<body>
<div id="main">
<h1>CompuColor file upload</h1>
<div class="wit" style="color: red;">
Code (php)
1
<?=$error?>
</div>
Code (php)
1
<? } ?>
<div class="wit" style="color: green;">
De volgende bestanden zijn succesvol geupload:<br />
<ul>
<li>
Code (php)
1
<?=$f?>
Code (php)
1
<? } ?>
</ul>
</div>
Code (php)
1
<? } ?>
<form method="post" enctype="multipart/form-data">
<div id="uploaders">
[<a onclick="addUploader();return false;" href="#">Meer bestanden toevoegen</a>]<br /><br />
Selecteer de bestanden welke u opsturen wilt:<br />
<div class="uploader">
<input type="file" name="bestand1" />
</div>
</div>
<div class="wit">
<input type="submit" id="submitter" onclick="deSubmit();" value="Bestanden uploaden" />
</div>
</form>
EDIT: is dat trouwens je hele script?
Gewijzigd op 01/01/1970 01:00:00 door kitty N
Nee, maar wel de meest relevante code
Dit is trouwens de broncode van de knop:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form method="post" enctype="multipart/form-data">
<div id="uploaders">
[<a onclick="addUploader();return false;" href="#">Meer bestanden toevoegen</a>]<br /><br />
Selecteer de bestanden welke u opsturen wilt:<br />
<div class="uploader">
<input type="file" name="bestand1" />
</div>
</div>
<div class="wit">
<input type="submit" id="submitter" onclick="deSubmit();" value="Bestanden uploaden" />
</div>
</form>
<div id="uploaders">
[<a onclick="addUploader();return false;" href="#">Meer bestanden toevoegen</a>]<br /><br />
Selecteer de bestanden welke u opsturen wilt:<br />
<div class="uploader">
<input type="file" name="bestand1" />
</div>
</div>
<div class="wit">
<input type="submit" id="submitter" onclick="deSubmit();" value="Bestanden uploaden" />
</div>
</form>
Code (php)
1
2
3
4
5
6
2
3
4
5
6
function deSubmit(){
var s=d.getElementById('submitter');
s.disabled="true";
s.value="Een moment geduld, uw bestanden worden geupload!";
}
var s=d.getElementById('submitter');
s.disabled="true";
s.value="Een moment geduld, uw bestanden worden geupload!";
}
Hiermee zullen er inderdaad niet veel bestanden mee verstuurd worden. Je past enkel ergens op de pagina een tekstje aan...
Wat moet er dan komen te staan ?
Hier staat trouwens de knop die, de code daarvan wijst naar deSubmit functie ?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form method="post" enctype="multipart/form-data">
<div id="uploaders">
[<a onclick="addUploader();return false;" href="#">Meer bestanden toevoegen</a>]<br /><br />
Selecteer de bestanden welke u opsturen wilt:<br />
<div class="uploader">
<input type="file" name="bestand1" />
</div>
</div>
<div class="wit">
<input type="submit" id="submitter" onclick="deSubmit();" value="Bestanden uploaden" />
</div>
</form>
<div id="uploaders">
[<a onclick="addUploader();return false;" href="#">Meer bestanden toevoegen</a>]<br /><br />
Selecteer de bestanden welke u opsturen wilt:<br />
<div class="uploader">
<input type="file" name="bestand1" />
</div>
</div>
<div class="wit">
<input type="submit" id="submitter" onclick="deSubmit();" value="Bestanden uploaden" />
</div>
</form>
Gewijzigd op 01/01/1970 01:00:00 door Nick Roozenburg
Gelieve Niet Bumpen::
Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de 
knop om je tekst aan te passen.
SanThe.
knop om je tekst aan te passen.SanThe.
Gewijzigd op 01/01/1970 01:00:00 door Nick Roozenburg