JSFiddle - React, Tailwind, and code Playground

by Amandeep Singh

HTML

<span class="btn btn-primary fileinput-button">
   <i class="glyphicon glyphicon-plus"></i>
   <span>@(i18n_Models_Image.AddImages + "...")</span>
   <input id="fileupload" type="file" name="files[]" accept="image/*">    
</span>

JavaScript

$('#fileupload').on('change', function(e) {
   console.log("hi");
    alert($(this).val().replace(/C:\\fakepath\\/i, ''));   // with extension
    alert($(this).val().replace(/C:\\fakepath\\/i, '').split('.')[0]);
   console.log($('#fileupload').val()); // is empty
});