Prezados, boa tarde.
Tenho um formulário com vários campos e que também precisará conter upload de imagem. Tenho o seguinte código na minha JSP:
<form id="formUsuario" action="<%= request.getContextPath() %>/usuario/salvar" method="post">
<div class="field" style="height:90px; width:185px; margin-right:2px; clear:left">
<label for="logofile">Foto</label>
<div class="inputFile" style="border:1px solid #d4d4d4; width:182px; height:63px; margin-top:0px; cursor:pointer;">
<a href="<c:url value='/usuario/foto'/>">
<img src="<c:url value='/usuario/foto'/>" width="90" height="90" border="0"/>
</a>
<form action="<c:url value="/usuario/foto"/>" enctype="multipart/form-data" method="post">
<input type="file" name="imagem"/> <input type="submit"/>
</form>
</div>
</div>
<div class="field">
<label for="nome" class="required">Nome</label>
<input id="nome" class="text" />
</div>
<div class="field">
<label for="rg">RG</label>
<input id="rg" class="text" />
</div>
<div class="field">
<label for="cpf">CPF</label>
<input id="cpf" class="text" />
</div>
<div class="tools_dt_form">
<input type="submit" title="Salvar" value=""
id="submitbutton" name="submit">
</div>
</form>
Só que quando "clico" na imagem, ele chama o método do form mais externo e não o do upload... Existe alguma maneira de utilizar esta abordagem de dois forms? Ou terei que fazer o upload utilizando JQuery + Ajax?
Grato pela atenção!
