Cacher is the code snippet organizer for pro developers

<div class="col-md-7 col-sm-8">
    <input id="upload"  type="file" class="form-control o_website_form_input" name="file" required=""/>
    <input id="upload_name"  type="text" class="form-control o_website_form_input" name="filename" required=""/>
</div>
<script>
    $(function(){
        $('#upload').change(function(e){
            var fileName = e.target.files[0].name;
            alert('The file "' + fileName +  '" has been selected.');
            $('#upload_name').val(fileName)

        });
    });

</script>