Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Cause I have a custom styled / positioned button.
Currently, our set up is:
Special upload button (Fancy)
Hide the file_field in a div, cause the button can’t be moved to be separate from the text.
But we still want the text saying what file you’ve selected
Use CSS opacity to make the file field invisible, but still clickable.
Also make the file field absolute positioned, and use a z-index to display it above a target button for the user the click.
You can reference the file name via javascript and populate your DOM element with that value.
You will want to do some text parsing since some versions of IE show the full file path.
This article will be useful: Styling a field field
I have done this many times and it works quite well.
Also check out plupload. It is a file upload library which supports HTML4, HTML5, Flash, and more. It works very well in many scenarios.