![how to change the text "no file chosen" in this below image![][1]](https://mapledrawhubb.com/i.sstatic.net/rLR57.png)
.
how to change the "no file chosen" text in this image Please help to me. thanks & regards chakri
-
possible duplicate of I don't want to see 'no file chosen' for a file input fieldAdrian Wragg– Adrian Wragg2013-09-12 09:48:07 +00:00Commented Sep 12, 2013 at 9:48
-
@AdrianWragg OP wants to change the text not remove it.Mr_Green– Mr_Green2013-09-12 09:48:53 +00:00Commented Sep 12, 2013 at 9:48
-
@Mr_Green, Erich Douglass' answer does apply, though.Frédéric Hamidi– Frédéric Hamidi2013-09-12 09:51:06 +00:00Commented Sep 12, 2013 at 9:51
-
@Mr_Green At least one answer to that question answers this one directly.Adrian Wragg– Adrian Wragg2013-09-12 09:51:10 +00:00Commented Sep 12, 2013 at 9:51
-
1Also - if you're asking a question where an image is involved, it's worthwhile also cropping out the whitespace a bit.Adrian Wragg– Adrian Wragg2013-09-12 09:57:24 +00:00Commented Sep 12, 2013 at 9:57
|
Show 4 more comments
1 Answer
I have used CSS to hide the default text and used a label to show the new text. Have a look- http://jsfiddle.net/ZDgRG/
Choose fileinput[type=file]{
width:90px;
color:transparent;
}
window.pressed = function(){
var a = document.getElementById('aa');
if(a.value == "")
{
fileLabel.innerHTML = "Choose file";
}
else
{
var theSplit = a.value.split('\\');
fileLabel.innerHTML = theSplit[theSplit.length-1];
}
};
