How do I change the default text on a file upload control?

I'm uploading a file, using an asp FileUpload control but want to change the default text after a successful upload. When the control/page renders the default text is: "No file selected". It also defaults to this after the successful upload. I'd like to change it to something else if that's possible? Thanks.

<asp:FileUpload ID="flupldIAAPhotos" runat="server" />

Open in new window

LVL 1
Michael SterlingWeb Applications DeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Shaun VermaakTechnical SpecialistCommented:
If all fails, you should be able to style/change the resulting code with JQuery
Michael SterlingWeb Applications DeveloperAuthor Commented:
ok. do you have an example?
Dirk StraussSenior Full Stack DeveloperCommented:
Have a look at this thread: Asp:FileUpload edit “No file selected” message.

You replace the text with your own message using CSS pseduo-class :after. You can declare a class like this one:
.bar:after {
    content:"Please select a file";
    background-color:white;
}

Open in new window


And assign it to your FileUpload control. The content message will replace the original one. Of course upon file selection you need to remove the message, you can do this for example via jQuery  .removeClass (assuming ID of your FileUpload is "foo"):
$('#foo').change(function() {
    $(this).removeClass("bar");
})

Open in new window


Here is the example code in JSFiddle. Check it out for a working example.

Note that this solution seems to work Webkit-browser's only (Chrome, Opera, Safari) you may need an alternative for others

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Michael SterlingWeb Applications DeveloperAuthor Commented:
Sorry about the delay, but you're correct about the browsers. Don't know how to make it work for IE though which, of course, is the browser that 99% of my users, use haha. Go figure, but thanks for the help.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.