change text from fileupload Asp.net

Question

You can change the text inside Fileupload?

I wanted to change the text "No files selected"

Answer 1

There is no way to change the text within the input, each browser renders the element in its own way, but there is a way to use some workaround to resolve. An alternative is to add a label of its own that overlaps with the original, allowing you to use any text you want:

function fileChange() {
  var e = document.getElementById('file');
  if(e.value == "")
  {
      fileLabel.innerHTML = "Nenhum arquivo selecionado";
  }
  else
  {
      var theSplit = e.value.split('\\');
      fileLabel.innerHTML = theSplit[theSplit.length-1];
  }

}

fileChange();

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

#fileLabel {
  margin-left: -160px
}

<div>
  <input type='file' title="Selecione um arquivo" id="file" onchange="fileChange()" >
   <label id="fileLabel">Nenhum arquivo selecionado</label>
 </div>