ureech,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function() {
$('.form-control-file').on('change', function() {
let html = '';
for (let i = 0; i < this.files.length; ++i) {
html += this.files.item(i).name + '<br>';
}
$('.custom-file-label').html(html)
});
});
</script>
</head>
<body>
<input type="file" multiple class="form-control-file" name="media[]" />
<label class="custom-file-label"></label>
</body>
</html>