html:file tag and custom image

[Elie Hirschman]

Hi there!
I am newish to Struts and have not found a way to allow a custom image appear for the browse button when using

<html:file>

in a form.
Here is the code I have tried in my jsp:

  <html:form action="/Upload.do" method="post" enctype="multipart/form-data">
                        <html:file property="theFile" alt="Browse" ><img src="<%=request.getContextPath()%>/images/browse.gif" alt="Browse"></html:file>                        
                        <img src="<%=request.getContextPath()%>/images/spacer.gif" alt="spacer" height="5" width="5" border="0">                        
                        <html:submit property="Submit" ><img src="<%=request.getContextPath()%>/images/submit.gif" alt="submit" height="15" width="50" border="0"></html:submit>
                   </html:form> 

Can anyone help?

[Elie Hirschman]

I could not accomplish this. So I gave up.

[Merrill Higginson]

Here is a link to the same question posed in another forum. The respondent shows a clever way to do this. I haven't tried it, but you might want to give it a go.

Since you're using Struts, you could replace their line:

<input type="file" name="browse" style="display:none;">

with

<html:file property="theFile" style="display:none;" />

Just make sure you replace all references to "browse" in their javascript with "theFile".