Asp: FileUpload edit the message "No file"

Question

I just need to know if there is a way to change the message shown Asp:FileUploadwhen no file was selected.

Thanks.

Answer 1

You replace the text with your own message using the pseduo-class CSS :after. You can declare a class as follows:

.bar:after {
    content:"Please select a file";
    background-color:white;
}

FileUpload. . , , , , jQuery .removeClass ( , FileUpload "foo" ):

$('#foo').change(function() {
    $(this).removeClass("bar");
})

: http://jsfiddle.net/5zhuL/2/

, , , Webkit- (Chrome, Opera, Safari), .

Answer 2

http://jsfiddle.net/ZDgRG/

. . css, , , :

HTML

<div>
      <input type='file' title="Choose a video please" id="aa" onchange="pressed()">
      <label id="fileLabel">Choose file</label>
</div>

CSS

input[type=file]{
    width:90px;
    color:transparent;
}

Javascript

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];
    }
 };

Answer 3

, . Chrome .

Answer 4

, ASP.NET type='file' FileUpload. CSS, -, value .

Answer 5

CSS . "No file selected".

<style>
 input[type=file]
{
width:90px;
color:transparent;
}

</style>

Answer 6

http://jsfiddle.net/Lsgbx5ne/1/

input[type=file]{
  color:transparent;
}
input[type=file]:after {
  color: #000;
  content:" Cool!";
}

:

• Pure css

Answer 7

window.pressed = function(){
    var a = document.getElementById('aa');
    if(!(a.value == ""))
    {
        var theSplit = a.value.split('\\');
        fileLabel.innerHTML = theSplit[theSplit.length-1];
    }
};

input[type=file]{
    width:90px;
    color:transparent;
}

<div>
<input type='file' title="Choose a video please" id="aa" onchange="pressed()">
<label id="fileLabel">Choose file</label>
</div>

Hide result