Necesito cargar a mano un valor en un input de tipo file y no encuentro forma alguna de hacerlo con js.
Lo preciso porque tengo un formulario donde tengo inputs file que al seleccionar la imagen tienen que disparar un evento para subirlas con ajax al servidor pero sin enviar todo el formulario, lo que se me ocurrió es esto:
Código HTML:
<form>
<ul>
<li>
<input type="file" name="foto1" id="foto1">
<input type="hidden" name="foto1svr" id="foto1svr">
</li>
<li>
<input type="file" name="foto1" id="foto1">
<input type="hidden" name="foto1svr" id="foto1svr">
</li>
<li>
<input type="file" name="foto1" id="foto1">
<input type="hidden" name="foto1svr" id="foto1svr">
</li>
</ul>
[otros elementos del form]
<input type="submit" value="Guardar" >
</form>
<form id="uploader-fotos">
<input type="file" name="subefoto">
</form>
El formulario de arriba tiene una lista ordenable donde se selecciona la foto (tiene unos inputs file camuflados como fotos miniaturas) y al seleccionarlo preciso cargar el valor que eligió el usuario en el input del formulario de abajo para hacer el envío vía ajax al servidor, subir la foto, y cargar la miniatura en el lugar correspondiente de la lista del formulario de arriba.
Quiero dejar los inputs file junto con los hidden para que al reordenarlos el usuario después sea fácil registrar el nuevo orden de las fotos para determinar cuál va a la portada.
No se me ocurre nada mejor, se aceptan ideas!