JSFiddle - React, Tailwind, and code Playground

by Irvin Dominin

HTML

<link rel="stylesheet" href="http://markusslima.github.io/bootstrap-filestyle/css/bootstrap.min.css">
<script src="http://markusslima.github.io/bootstrap-filestyle/js/bootstrap.min.js"></script>
<script src="http://markusslima.github.io/bootstrap-filestyle/js/bootstrap-filestyle.min.js"></script>
<input type="file" class="filestyle" data-classButton="btn btn-primary">
<br>
<br>
<button id="getFileName" class="btn btn-primary">Get file name!</button>

JavaScript

$(document).ready(function () {
    $(":file").filestyle({
        classButton: "btn btn-primary"
    });

    $("#getFileName").click(function () {
        alert($("input[type=file]").val());
    });
});