Hola, yo te ayudo. En realidad no tengo ganas de ayudarte (2.43 A.M localtime), pero en algun momento lo voy a necesitar.
Te explico una cosa sobre este foro. Los que postean la mayoria no sabe un sorete, por eso recibis mensajes como el de el tontito ese o mensajes que te desvian y si querias hacer un foro terminas haciendo un fotolog.
Lo que escribi cumple creo con XHTML 1.0 por lo tanto lo podrias agregar a tu sistema sin ningun problema. El Javascript esta diseniado para que si alguien no lo llega a tener activado pueda subir por lo menos un archivo.
Para capturar los archivos, como son multiples, los mando en forma de un array. Es decir que para acceder a cada uno de esos, vas a tener que recorrerlo con foreach() por ejemplo.
Aca va. Me muero de suenio, maniana agrego la validacion. Enjoy
Código HTML:
<html>
<head>
<style>
<!--
fieldset, fieldset pre {
display: block;
width: 464px;
font-family:arial;
font-size:12px;
padding-left: 6px;
padding-top: 2px;
padding-bottom: 3px;
margin-top: 3px;
}
fieldset.uploadbox {
padding-bottom: 5px;
}
fieldset.sbtbox {
text-align:center;
}
fieldset.debugbox {
white-space:pre;
text-align:left;
}
div#uptext {
margin-bottom: 3px;
}
span.uptext, #add {
cursor: pointer;
cursor: hand;
text-decoration: underline;
color: blue;
}
div#upfile input {
width: 310px;
}
-->
</style>
<script language="Javascript" type="text/javascript">
function init() {
document.getElementById('upfile').style.display='none';
upt = document.getElementById('subir');
apt = document.getElementById('add');
if (upt.addEventListener) {
upt.addEventListener('click', showUp, false);
apt.addEventListener('click', addxUp, false); }
else if(upt.attachEvent) {
upt.attachEvent('onclick', showUp);
apt.attachEvent('onclick', addxUp); }
else {
upt.onclick = showUp;
apt.onclick = addxUp; }
}
function showUp() {
document.getElementById('upfile').style.display='block';
document.getElementById('firstup').focus();
}
function addxUp() {
newadd = document.createElement('input');
newadd.type = 'file';
newadd.name = 'files[]';
newadd.style.marginRight = '4px';
document.getElementById('upfile').insertBefore(newadd, document.getElementById('add') );
newadd.focus();
}
window.onload = init;
</script>
</head>
<body>
<form action="<?=$PHP_SELF?>" method="post" enctype="multipart/form-data">
<fieldset class='debugbox' >
<legend>Debug:</legend>
<? echo '<pre>'; print_r($_FILES); echo '</pre>';?>
</fieldset>
<fieldset class='uploadbox'>
<legend>Attachments</legend>
<div id="uptext">
<span class="uptext" id='subir'>Subir un archivo</span>
</div>
<div id='upfile'>
<input id='firstup' type="file" name="files[]" />
<span id="add">Agregar otro archivo</span>
</div>
</fieldset>
<fieldset class='sbtbox' >
<input type="submit" name="filesbt" value="Enviar" />
</fieldset>
</form>
</body>
</html>