Método append con jQuery

[javierdiazgomez]

Hola, estoy probando unas cosas y estoy haciendo unos uploads múltiples con PHP. Lo que intento hacer ese que al hacer click en un botón se agregue un nuevo <input type="file" />. Lo que tengo de código es esto:

Código javascript:

<script type="text/javascript"> 
        $(document).on('ready', function(){ 
            $('#agregar').on('click', function(){ 
                $('#add').append('<input type="file" name="upload_image[]" />'); 
            }); 
        }); 
    </script>
 

Código html:

<td>Im&aacute;genes:</td> 
                    <td> 
                        <div id="add"> 
                        <input type="file" name="upload_image[]" /> 
                        <input type="file" name="upload_image[]" /> 
                        <input type="file" name="upload_image[]" /> 
                        <input type="file" name="upload_image[]" /> 
                        <input type="file" name="upload_image[]" /> 
                        </div> 
                        <a href="" id="agregar">Agregar otra im&aacute;gen</a> 
                    </td>
 

En cierta parte me funciona porque lo agrega pero se recarga la página y no sé porque y esa es mi duda, ¿porqué se recarga si debería funcionar perfectamente?

Les agradezco si me respondieran. Saludos, un abrazo.

[zelgaki]

prueba así

Código:

<script type="text/javascript"> 
        $(document).on('ready', function(){ 
            $('#agregar').on('click', function(e){
                e.preventDefault()
                $('#add').append('<input type="file" name="upload_image[]" />'); 
            }); 
        }); 
    </script>

[javierdiazgomez]

Ya lo había solucionado pero igualmente muchas gracias!

[gebremswar]

Iniciado por javierdiazgomez

Ya lo había solucionado pero igualmente muchas gracias!

javierdiazgomez, nosotros no podemos adivinar que ya lo haz solucionado. Por eso siempre es recomendable que respondas al tema con la solución que hayas encontrado por tus medios. Y así colaborar con el foro, ya que la información que proporciones podría ser de utilidad a otros miembros de esta comunidad.