JSFiddle - React, Tailwind, and code Playground

by Vadim Costin

HTML

<form class="form-inline">
    <div class="form-group">
        <label for="txtUploadFile">Import file</label>
        <input type="file" name="UploadFile" id="txtUploadFile" accept=".csv" />
    </div>
</form>

JavaScript

$("#txtUploadFile").on("change", function (e) {
    var fileUploadInput = $(e.target);
    var files = e.target.files;
    console.log("files.length: " + files.length);
    if (files.length === 1) {
        // do the processing here
        console.log('if');
        console.log(files);
    } else {
        // Show an error asking the user to select a file.
        console.log('else');
        console.log(files);
    }
});