How to display file name for custom styled input file using jquery?

Answer 1

You can use this for multiple file upload also

updateList = function() {
  var input = document.getElementById('file');
  var output = document.getElementById('fileList');

  output.innerHTML = '
';
  for (var i = 0; i < input.files.length; ++i) {
    output.innerHTML += '
' + input.files.item(i).name + '
';
  }
  output.innerHTML += '
';
}

Selected files: