JSFiddle - React, Tailwind, and code Playground

by rpallas

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<form>
    <h1>Upload Images</h1>
    <p>Please select image files</p>
    <input class="image-upload-file" type="file" name="talkFile">
<!--     <input class="image-upload-file" type="file" multiple="multiple" name="image-upload-file" data-bind="event: { change: uploadImages }" /> -->
    <br/>
        <button data-bind="click: uploadImages">Upload</button>
</form>

JavaScript

$(document).ready(function () {
    function vm() {
        var self = this;
        self.uploadImages = function() {
            var files = $('.image-upload-file');
            var fileArray = [];

            for (var file in files) {
                fileArray.push(files[file]);
            }

            
        };
    };
    ko.applyBindings(new vm());
});