Как с помощью jQuery вывести имя загружаемого файла?

document.getElementsByTagName('input')[0].onchange = function() { 
  if (this.files[0]) // если выбрали файл 
    document.getElementsByTagName('div')[0].innerHTML = this.files[0].name; 
};

<input type="file" /> 
<div></div>

document.querySelector('input').addEventListener('change', function() { 
  var splittedFakePath = this.value.split('\\'); 
  document.querySelector('div').textContent = 
    splittedFakePath[splittedFakePath.length - 1]; 
});

<input type="file"> 
<div></div>

$('input').on('change', function() { 
  var splittedFakePath = this.value.split('\\'); 
  $('div').text(splittedFakePath[splittedFakePath.length - 1]); 
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<input type="file"> 
<div></div>

document.querySelector('input').addEventListener('change', function() { 
  document.querySelector('div').textContent = 
    this.value.replace(/.*\\(.+)/, '$1'); 
});

<input type="file"> 
<div></div>