Update!! 12-20-2003
There seems to be a problem with the code presented in this article. When you click the new and styled Browse button, the Browse for File dialog is opened, and when you select a file, both text boxes (the hidden and the fake field) are displayed with the file's full path and filename. However, when you click the submit button, the real (and hidden) file box gets cleared and the form will not submit. When you click the submit button again, the form will eventually submit, but because the file box is empty, your file will not be uploaded to the server. This problem has been discussed extensively on various forums on the web, including
the one run by Wrox.
So far, I haven't been able to isolate the problem or come up with a solution. It looks like this problem is caused by some security mechanism in Internet Explorer. I haven't tested various versions of IE yet, but I am sure it doesn't run on IE 6, SP1 (well, it doesn't run on *my* IE 6, SP1 ;-) )
If you do find a browser that runs this code fine, please let
me know.
When you are using Cascading Style
Sheets (CSS) in your Web pages, it is likely that you want to change the
appearance of your HTML buttons as well. After all, the dull looking gray
buttons give your site a bit of an old fashioned look. Usually, changing
the style is as easy as setting a
style or
a
class attribute, like
<input
type="button" value="Send Form" style="background-color: red";> to
give the button a red color. However, this won't work with the
Browse button
that is attached to an input box that allows a user to upload a file. This
article will demonstrate a so