JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://knockoutjs.com/downloads/knockout-3.3.0.js"></script>
<input type="file" class="file-input" name="file_source" size="40" onchange=''>
<span class='label label-info' id="upload-file-info" data-bind="text: image"></span>
JavaScript
jQuery(document).ready(function ($) {
'use strict';
$(".file-input").change(function () {
var elem = $("#upload-file-info");
viewModel.image($(this).val());
});
var viewModel = {
image: ko.observable()
};
viewModel.image.subscribe(function (value) {
alert(value);
});
ko.applyBindings(viewModel);
});