Código PHP:
<html>
<head>
<title>Subir Múltiples Archivos</title>
<script type="text/javascript">
<!--
var files = new Array();
function AgregarFileInput()
{
files[files.length] = "";
RefrescarArchivos();
}
function RefrescarArchivos()
{
document.getElementById("archivos").innerHTML = "";
var i = 0;
for (i = 0; i < files.length; i++)
{
if (files[i] != undefined)
{
document.getElementById("archivos").innerHTML += "<input id=\"archivo"+i+"\" type=\"file\" name=\"archivos[]\" onchange=\"GuardarInfo("+i+", this.value)\"><label onclick=\"QuitarFileInput("+i+")\">X</label>";
//document.getElementById("archivo"+i).value = files[i];
if (i != files.length - 1)
document.getElementById("archivos").innerHTML += "<br>";
}
}
}
function GuardarInfo(indice, valor)
{
files[indice] = valor;
}
function QuitarFileInput(indice)
{
var i = 0;
for (i = indice; i < files.length - 1; i++)
{
files[i] = files[i+1];
}
files[files.length-1] = undefined;
RefrescarArchivos();
}
-->
</script>
</head>
<body>
<h3>Archivos:</h3><br>
<div id="archivos"></div><br>
<label onclick="AgregarFileInput()">Agregar</label>
</body>
</html>
aqui el mismo codigo pero con textbox funcionando:
Código PHP:
<html>
<head>
<title>Subir Múltiples Archivos</title>
<script type="text/javascript">
<!--
var files = new Array();
function AgregarFileInput()
{
files[files.length] = "";
RefrescarArchivos();
}
function RefrescarArchivos()
{
document.getElementById("archivos").innerHTML = "";
var i = 0;
for (i = 0; i < files.length; i++)
{
if (files[i] != undefined)
{
document.getElementById("archivos").innerHTML += "<input value=\""+files[i]+"\"\" type=\"text\" name=\"archivos[]\" onchange=\"GuardarInfo("+i+", this.value)\"><label onclick=\"QuitarFileInput("+i+")\">X</label>";
if (i != files.length - 1)
document.getElementById("archivos").innerHTML += "<br>";
}
}
}
function GuardarInfo(indice, valor)
{
files[indice] = valor;
}
function QuitarFileInput(indice)
{
var i = 0;
for (i = indice; i < files.length - 1; i++)
{
files[i] = files[i+1];
}
files[files.length-1] = undefined;
RefrescarArchivos();
}
-->
</script>
</head>
<body>
<h3>Archivos:</h3><br>
<div id="archivos"></div><br>
<label onclick="AgregarFileInput()">Agregar</label>
</body>
</html>