Agregar <input type="file".... sin recargar

[neveuster]

Hola como estan, pues eso... estoy agregarndo campos para subir imagenes al servidor y lo hago con javascript en un tipico div, algo asi...

Código:

<div id="agregar">      
            <input type="file" name="foto[]" />
        </div>
<a href="#" onClick="agregoCampo()">Agregar otra foto</a>

el problema es que debido a que la página es larga y que el formulario se encuentra al final de la página.. que cuando agrego una fila la página se sube... osea que si quiero agregar 5 fotos, tengo que bajar la página a cada rato y es molesto...

¿De que forma lo puedo hacer con ajax u otro para que cuando agregue una fila no se suba la página??

Les agradezco mucho cualquier orientación o ayuda.... saludos..

[caricatos]

Hola:

Cuando usas un enlace del tipo <a href="#">, estás enlazando al tope de la página (el típico enlace interno)... y si no tienes intención de enlazar (tan solo lanzar un script), no me parece correcto usar un enlace... se puede hacer con cualquier elemento, por ejemplo elemento genérico inline "span", y el mismo script... y si necesitas "una manita", puedes ponerla con estilos (cursor: pointer).

Saludos

[emprear]

A lo dicho por @caricatos, te agrego una solución posible
a continuación del form que contiene los input file, agregá un div que funcione como marcador,
<div id="marca"><!-- marcador --></div>
y trás la función que agrega elementos dinamicamente hacés
window.location.href = "#marca";

Saludos

[IsaBelM]

siguiendo con lo dicho por emprear. a la función que agrega los controles files, le puedes añadir el método scrollIntoView(), en lugar de location.href
un ejemplo que lo explica. de este modo no importa si son 5 ó 50 los controles que se generan

[neveuster]

muchas gracias todos, sus respuestas me han servido muchísimo.... saludos..