![how to change the text "no file chosen" in this below image![][1]](../../images/3810724950.webp)
.
how to change the "no file chosen" text in this image Please help to me. thanks & regards chakri
Asked
Active
Viewed 1.2k times
1
-
possible duplicate of [I don't want to see 'no file chosen' for a file input field](http://stackoverflow.com/questions/5927212/i-dont-want-to-see-no-file-chosen-for-a-file-input-field) – Adrian Wragg Sep 12 '13 at 09:48
-
@AdrianWragg OP wants to change the text not remove it. – Mr_Green Sep 12 '13 at 09:48
-
@Mr_Green, [Erich Douglass' answer](http://stackoverflow.com/a/9795887/464709) does apply, though. – Frédéric Hamidi Sep 12 '13 at 09:51
-
@Mr_Green At least one answer to that question answers this one directly. – Adrian Wragg Sep 12 '13 at 09:51
-
@ Adrian wragg . I want to replace the text in place of "no file choosen" to "no file" – chakri Sep 12 '13 at 09:51
-
@chakri Read the answers on the question mentioned. They will answer your question too. – Adrian Wragg Sep 12 '13 at 09:52
-
use this ``. It is in the duplicate post man. read the above comments again. – Mr_Green Sep 12 '13 at 09:53
-
1Also - if you're asking a question where an image is involved, it's worthwhile also cropping out the whitespace a bit. – Adrian Wragg Sep 12 '13 at 09:57
-
@Mr_Green is not working. – chakri Sep 12 '13 at 11:23
1 Answers
4
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];
}
};
Chirag Mongia
- 545
- 4
- 12