JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<input class="upload_button" name="multiplePhotos[]" type="file" multiple="multiple" id="myFiles" />
<ul id="fileList" />

JavaScript

$('.upload_button').change(function() {

    var $fileList = $("#fileList");
    $fileList.empty();

    for (var i = 0; i < this.files.length; i++) {
        var file = this.files[i];
        $fileList.append('<li>' + file.name + '</li>');
    }
});